Skip to content
  1. Home
  2. Docs
  3. Cài đặt lần đầu
  4. Thiết lập header (đầu trang) / footer (cuối trang)

Thiết lập header (đầu trang) / footer (cuối trang)

Để thiết lập Header / Footer hay còn gọi là đầu trang / cuối trang. Đầu tiên, chúng ta cần truy cập vào trang quản trị website.

Để có thể truy cập vào trang quản trị website thì bạn có thể xem hướng dẫn truy cập quản trị tại đây.

Thiết lập Header và Footer, các bạn có thể xem video hướng dẫn dưới đây hoặc bài hướng dẫn bằng nội dung và hình ảnh dưới video này.

Thiết lập Header

Khi đã truy cập được quản trị trang web rồi, thì ta bắt đầu thiết lập header bằng cách click chọn Thiết kế trang > Cấu trúc trang

Tại đây, nếu tài khoản của bạn đã có sẵn mục Header thì click vào đó để thiết lập. Nếu không thì click vào nút Add New để tạo ra một header mới.

Đối với đã có sẵn Header

  • Sau khi click vào Header, bạn sẽ thấy có các thiết lập sẵn như sau:
  • Sticky : Làm nhiệm vụ luôn hiển thị header khi kéo trang xuống
  • Shrink : Làm nhiệm vụ thu nhỏ header lại khi kéo trang xuống
  • Overlay : Giúp Header trong suốt hoặc có độ mờ
  • Location : Bạn muốn header này hiển thị ở đâu? ( Entire Site là hiển thị tất cả các trang )

Sau khi thay đổi xong thì click vào nút cập nhật

Sau đó, chúng ta sẽ truy cập vào nơi chỉnh sửa Header tùy chỉnh theo template header mình mong muốn bằng cách click vào Mở thiết kế trang

Đối với chưa có sẵn Header

Truy cập vào Add New và nhập tên Header, kiểu Themer Layout, Layout là header. Click Add Themer Layout để hoàn thành. Sau đó bạn sẽ quay lại bước chỉnh sửa Header như ở bước đối với đã có sẵn Header

Tùy chỉnh giao diện Header

Khi Mở thiết kế trang bạn sẽ thấy giao diện chỉnh sửa Header như bên dưới. Để có thể thay đổi mẫu header khác thì click vào dấu + ở góc trên bên phải sao cho trở thành dấu x. Bạn sẽ thấy popup với các icon thuộc tab Module, ngay lúc này bạn click tiếp vào tab Template để hiện ra các mẫu Header hiện có sẵn để lựa chọn.

Tại đây, bạn có thể lựa chọn mẫu header và click vào mẫu bạn ưng ý, sau đó click tiếp Replace Existing Layout để thay đổi hoàn toàn header mới.

Sau khi thay đổi xong Header, bạn sẽ bắt đầu thay đổi các mục bên trong header như Logo, Số điện thoạ bằng cách “thay đổi gì thì click vào đấy”. Ví dụ, mình sẽ thay đổi logo thì mình sẽ click vào logo.

Click tiếp vào nút Xóa bỏ rồi tải lên logo mới của bạn > Lưu.

Thay đổi menu trên Header

Để thay đổi menu thành menu khác, các bạn click vào menu hiện tại, và thay đổi ở mục Menu thuộc tab General.

Nếu bạn chưa biết cách tạo menu riêng cho landing page của bạn thì có thể xem hướng dẫn thiết lập menu riêng

Click Lưu để hoàn tất thay đổi menu.

Tương tự, để thay đổi số điện thoại thì click vào số điện thoại và thay đổi.

Sau khi thay đổi xong, ta click vào Xong > Đăng để hoàn thành

Thiết lập Footer

Tương tự với thiết lập Header. Để thiết lập Footer chúng ta cũng có 2 cách, nếu đã có sẵn footer thì click vào đó để thiếp lập, nếu chưa thì vào Add New và làm như bên dưới.

Sau khi click vào Add Themer Layout sẽ hiện ra bản như ảnh thứ 2 dưới đây. Tại đây bạn có thể thiết lập các phần chung như cho hiển thị ở tất cả các trang như ở Header: Entire Site

Thiếp lập xong, click cập nhật. Sau đó click vào Mở thiết kế trang để bắt đầu thay đổi mẫu và chỉnh sửa thông tin.

Tại đây, chúng ta vẫn đi theo câu nói cũ “chỉnh gì thì click nấy” và các bạn cũng chỉnh sửa tương tự như Header.

Nếu chưa có mẫu Footer thì click vào dấu + sau cho thành dấu x rồi chọn tiếp tab Template và chọn mẫu yêu thích.

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

Was this article helpful to you? Yes 1 No

How can we help?