Phần 3: Xây Dựng Menu và phần header

0

Ở phần trước đã Cài Đặt Voyager Page Blocks 
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
phần 2:
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

Tags

Post a Comment

0Comments
Post a Comment (0)