Header và footer

Tiêu đề website là phần trên cùng của một trang web và thường chứa các yếu tố như logo, menu, thanh tìm kiếm, nút đăng nhập/tài khoản khách hàng, v.v. Chân trang được hiển thị ở cuối trang web và thường chứa thông tin như chi tiết liên hệ, liên kết, thông báo pháp lý và các tùy chọn khác.

Thiết kế tiêu đề

Để chỉnh sửa thiết kế của header, nhấp vào Edit, sau đó nhấp vào header. Các tùy chọn sau có sẵn trong phần Header của tab Customize trong trình chỉnh sửa website:

  • Chọn một Template từ menu thả xuống.

  • Chọn cài đặt Background để thay đổi bảng màu thông qua các Theme styles, tùy chọn màu Custom, và các tùy chọn Gradient.

  • Khi thêm Border vào tiêu đề, kích thước, kiểu và màu sắc của nó có thể được xác định.

  • Điều chỉnh Round corners để phù hợp với thiết kế.

  • Thêm một Shadow và xác định Color, Offset, BlurSpread.

  • Thêm một Scroll Effect. Di chuột lên một hiệu ứng để xem trước.

  • Chọn Header Position giữa Regular, HiddenOver The Content. Khi Over The Content được chọn, bạn có thể tùy chỉnh BackgroundText Color.

  • Hiển thị hoặc ẩn Elements như văn bản, thanh tìm kiếm, nút Sign in, các liên kết mạng xã hội, nút Contact us, và logo.

Để hoàn tất các thay đổi, nhấn Save.

Mẹo

To hide the header, click on Edit, click on the header, and go to the Theme tab of the website editor. Scroll down to the Advanced section and toggle the Show Header switch to hide/show the header.

Nội dung tiêu đề

Các menu tổ chức nội dung của phần đầu trang và giúp người dùng duyệt các trang web một cách hiệu quả. Các menu thân thiện với người dùng và được cấu trúc tốt cũng đóng vai trò quan trọng trong việc cải thiện search engine rankings.

Thêm mục menu

Mặc định, các trang được thêm vào menu dưới dạng mục menu thả xuống khi they are created. Để thêm một mục menu mới, làm theo các bước sau:

  1. Đi tới Website ‣ Site ‣ Menu Editor.

  2. Trong trình chỉnh sửa menu, nhấn Add Menu Item.

  3. Trong cửa sổ bật lên, nhập Name sẽ được hiển thị trong menu.

  4. Nhập / vào trường URL or Email để tìm kiếm một trang trên trang web của bạn hoặc # để tìm kiếm một anchor tùy chỉnh hiện có.

  5. Nhấn OK.

  6. Chỉnh sửa menu structure nếu cần, sau đó Save

Menu chính

Mega menus giống như menu thả xuống, nhưng thay vì một danh sách đơn giản của các menu con, chúng hiển thị một bảng được chia thành các nhóm tùy chọn điều hướng. Điều này làm cho chúng phù hợp với các trang web có lượng nội dung lớn hoặc e-commerce websites, vì chúng có thể giúp đưa tất cả các trang web của bạn hoặc e-commerce categories vào menu trong khi vẫn hiển thị toàn bộ các mục menu cùng một lúc.

Menu Mega trong thanh điều hướng.

Để tạo mega menu, vào Website ‣ Site ‣ Menu Editor và nhấp Add Mega Menu Item. Nhập Name của mega menu trong cửa sổ bật lên, nhấp OK, sau đó Save.

Để điều chỉnh các tùy chọn và nội dung của mega menu, nhấp vào một mục mega menu trong phần đầu trang, sau đó nhấp vào Edit. Mega menu được tạo thành từ các khối xây dựng, có nghĩa là bạn có thể tùy chỉnh từng thành phần riêng lẻ. Ví dụ:

  • Chỉnh sửa văn bản trực tiếp trong khối xây dựng.

  • Chỉnh sửa URL của mục menu bằng cách chọn mục menu và nhấp vào nút Edit link trong cửa sổ pop-up xem trước nhỏ. Nhập / để tìm kiếm một trang trên website của bạn, hoặc # để tìm một anchor tùy chỉnh hiện có.

    Chỉnh sửa tùy chọn mega menu.
  • Di chuyển một mục menu bằng cách kéo và thả khối liên quan đến vị trí mong muốn trong mega menu.

  • Xóa một mục menu bằng cách xóa khối liên quan

Để điều chỉnh bố cục chung của mega menu, vào thẻ Customize của trình chỉnh sửa website, sau đó trong phần Mega Menu:

  • Chọn một Template.

  • Chọn Size: Full-Width hoặc Narrow

Để hoàn tất các thay đổi, nhấn Save.

Ẩn mục menu động cho người dùng chưa đăng nhập

Để ẩn một mục menu động (ví dụ, một mục menu được tạo tự động bởi Odoo, khi bạn cài đặt một ứng dụng hoặc mô-đun, như Events, Courses, v.v.) cho người dùng chưa đăng nhập, thực hiện các bước sau:

  1. Enable developer mode

  2. Đi tới Website ‣ Configuration ‣ Menus.

  3. Nếu cần, mở rộng danh sách menu cho website liên quan, sau đó nhấp vào mục menu bạn muốn ẩn.

  4. Trong phần Visible Groups, nhấp vào Add a line dưới Group Name.

  5. Tìm kiếm nhóm User types / Portal, chọn nó, sau đó nhấn Select.

  6. Lưu.

Mẹo

Để ẩn mục menu Shop, restrict ecommerce access to logged-in users.