Chuyển tới nội dung chính

Cấu hình Chân trang (Footer)

Route: Truy cập qua Sidebar Menu > CMS > Cài đặt hiển thị > Cấu hình Footer

Chân trang (Footer) là phần nằm ở dưới cùng của website Portal. Hệ thống cung cấp một công cụ thiết kế Footer dạng lưới (Grid) cực kỳ mạnh mẽ, cho phép bạn tùy chỉnh không giới hạn các cột, dòng và loại nội dung.

1. Màn hình Quản trị

Giống như Header, cấu hình Footer hỗ trợ quản lý nhiều mẫu Footer khác nhau thông qua giao diện dạng Tab.

Cấu hình Footer

  • Thêm Mẫu Mới: Tạo một mẫu Footer trống hoàn toàn mới.
  • Xóa mẫu này: Cho phép xóa mẫu nếu không còn sử dụng.
  • Xem trước: Xem thử ngay lập tức giao diện Footer ngoài thực tế mà không cần phải chuyển trang.

2. Thiết kế Lưới (Dòng & Cột)

Mỗi Footer được tạo thành từ các Dòng (Rows). Trong mỗi Dòng sẽ chứa các Cột (Columns).

Quản lý Dòng

  • Bạn có thể Thêm dòng mới, thay đổi vị trí dòng (Lên/Xuống) hoặc Xóa dòng.
  • Mỗi dòng chiếm toàn bộ chiều ngang của Footer.

Quản lý Cột

  • Trong một dòng, bạn có thể Thêm cột mới.
  • Kích thước của mỗi cột được chia theo tỷ lệ /12 (Ví dụ: Chọn Rộng 4/12 nghĩa là cột chiếm 1/3 chiều ngang trang).

Mỗi cột bạn có thể chọn Loại Cột để hiển thị các kiểu nội dung khác nhau:

Loại CộtMô tả & Cách dùng
Nhận diện thương hiệu (Brand)Dùng cho cột chứa Tiêu đề, Mô tả ngắn gọn về tổ chức và các icon Mạng xã hội (Facebook, Zalo, Youtube).
Menu liên kết nhanhDùng để hiển thị một danh sách các link (Lấy từ Quản lý Menu). Rất phù hợp làm cột Liên kết nhanh hoặc Danh mục.
Thông tin liên hệHiển thị địa chỉ, số điện thoại, email và hỗ trợ đa ngôn ngữ.
Thống kê truy cậpCột đặc biệt dùng để hiển thị biểu đồ/bộ đếm số lượt truy cập (Lấy dữ liệu tự động).
Văn bản tùy chọn (Text)Chứa đoạn mã văn bản tự do, hỗ trợ cấu hình chữ đậm/nhạt, căn lề và gán link.
Menu hàng ngang (Links)Giống Menu liên kết nhanh nhưng hiển thị trên 1 dòng ngang thay vì đổ dọc xuống.

3. Xem trước (Preview)

Đây là tính năng nổi bật giúp bạn theo dõi thiết kế của mình hiển thị ra sao trên cả máy tính (Desktop) và điện thoại (Mobile) theo thời gian thực mà chưa cần phải lưu.

Xem trước Footer

Hãy bấm Lưu cấu hình Footer khi bạn đã hoàn toàn ưng ý với thiết kế của mình!