C. Cột trái + Nội dung

(Xem file PDF)

Hướng dẫn chia bố cục website với cột trái.

Kiểu bố cục này bao gồm 5 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)
• 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 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 hàng, tại khung chứa nội dung bài viết bạn tạo thêm một cột chứa left menu.

-->  Chia bố cục thành 4 dòng và 1 cột (chứa right menu) thao tác chia dòng- cột trước sau theo trình tự từ 1-5 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 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 menu --> lưu kiểu bố cục cho trang nhà.

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

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