bây giờ sẽ tiến hành xây dựng cấu trúc trang layout cho trang web
phần 1:
Layout từ header đến phần dịch vụ thanh toán |
Layout từ đối tác hỗ trợ đến footer |
Bắt Đầu:
1: Cắt giao diện phần header và xây dựng menu
Trong trang quản trị vào Tools-> Menu Buider
Nhấn Add New để tạo 1 menu mới tên là main_menu
Sau đó nhấn Builder để edit
Title of the Menu Item : Tên Menu hiển thị ra trang web
Link type: Để mặc định Static URL
URL for the Menu Item: slug vd: /home
các mục còn lại để mặc định cũng được.
vd: tạo 1 menu hiển thị 5 mục
Để hiển thị Menu ra trang web chỉ cần chèn lệnh : {{menu('main_menu')}} vào blade.
Có 3 cách để thêm 1 block vào Page, chúng ta đã biết được 2 cách ở bài trước, đó là nhúng code html vào block, và khai báo block, tạo giao diện và chỉ việc gọi block ra.
nay chúng ta sẽ tìm hiểu thêm cách thứ 3: đó là dùng controller
Các bước tiến hành:
1/ tạo 1 controller
2/ Tạo 1 file header.blade.php trong thư mục (các bạn cần tùy chỉnh css để trông đẹp mắt hơn)
/vendor/pvtl/voyager-frontend/resources/views/page
3/ Vào Page ->Edit Page Content
Chọn thêm 1 block :Developer Controller
mục path: App\Http\Controllers\PageController::header()
Save
F5 lại trang web:
Vậy là chúng ta đã hiển thị ra block header |