D. Cột trái + Nội dung + Cột phải

(Xem file PDF)

Chia bố cục với cột trái (left menu) và cột phải (right menu).

Kiểu bố cục này bao gồm 6 phần:  

• Banner (top banner)
• Thanh điều hướng (top menu)
• Cột trái (left menu)
• Nội dung bài viết (content)
• Cột phải (right menu)
• Cuối trang (footer)

Trình tự thực hiện.

Bước 1: Hội nhập siteadmin.

--> Hội nhập trang tổng quan:

Bước 2: Tạo mới bố cục.

Để thực hiện cài đặt bố cục giao diện website bạn vào mục “cài đặt”  -->  “Bố cục”.

Chọn tạo mới bố cục  --> Đặt tên bố cục  --> Chọn lưu.

Bước 3. Chia bố cục.

 Chọn “chia bố cục”  --> Nhấn vào dấu “+” để chia bố cục làm 4 dòng, tại khung chứa nội dung bài viết bạn tạo thêm 2 cột chứa left menu và right menu.

 -->  Chia bố cục thành 4 dòng và 2 cột (left menu và right menu) thực hiện thao tác chia tự trước-sau theo trình tự 1-6 trong ảnh bên dưới.

Lưu ý: Khi chia bố cục, khung “Content” sẽ di chuyển sang các vị trí khác, bạn phải di chuyển nó về vị trí giữa trang để nội dung được hiển thị đúng vị trí.

Bước 4: Thêm nội dung cho bố cục.

• Tạo banner và add vào vị trí chứa banner trong bố cục: Bài hướng dẫn tại đây --> http://cms.vnvn.com/p102a106/02-tao-banner-website và http://cms.vnvn.com/p102a107/a-chon-hieu-ung-cho-banner
• Đưa danh mục top menu vào vị trí top menu trên bố cục, bài hướng dẫn tại đây  --> http://cms.vnvn.com/p102a111/b-tao-top-menu
  
• Tạo left menu và right menu theo hướng dẫn tại đây --> http://cms.vnvn.com/p102a112/c-tao-left-menu
• Thêm thanh coppy right vào bố cục hướng dẫn tại đây  --> http://cms.vnvn.com/p102a126/10-them-thanh-copyright
  

Bước 5: Tùy chọn kiểu hiển thị bố cục cơ bản cho trang nhà:

 --> Vào thư mục nội dung  --> Chọn “trang”  --> Chọn chỉnh sửa hiển thị cho “Trang Nhà” 

Chọn kiểu bố cục với “Left and right menu” (tên bố cục đã đặt ở bước 3)  --> lưu kiểu bố cục cho trang nhà.

Kiểu bố cục với “left menu và right menu” hiển thị trên trang nhà:

Chúc bạn thực hiện thành công!