Bạn dựng trang bằng Elementor bản miễn phí, phần thân trang đã ưng ý, nhưng đầu trang (header) và chân trang (footer) vẫn là của theme và không sửa được bằng Elementor. Đây là câu hỏi rất hay gặp, vì công cụ tự thiết kế header, footer của Elementor tên là Theme Builder và chỉ có ở bản Pro. Bài này đưa ra 3 cách làm header, footer mà không cần bản Pro, khi nào dùng cách nào, và những gì một header, footer tốt cần có.
Vì sao bản miễn phí không sửa được header, footer
Trong WordPress, header và footer thuộc về theme (giao diện), còn Elementor bản miễn phí chỉ dựng phần nội dung ở giữa trang. Trang giới thiệu plugin Elementor trên kho WordPress ghi rõ Theme Builder, phần cho thiết kế header, footer, trang bài viết, là tính năng của bản Pro. Vì vậy có hai hướng: để theme lo header, footer, hoặc dùng một công cụ miễn phí khác cho Elementor quyền làm việc đó.
Đừng giải quyết bằng cách cài bản Pro trôi nổi trên mạng. Lý do có trong bài Elementor Pro miễn phí: rủi ro bản lậu và lựa chọn hợp lệ.
Cách 1: Theme Hello Elementor và mục Header, Footer trong Site Settings
Hello Elementor là theme miễn phí do chính Elementor làm. Từ bản Hello Theme 2.4, theme này có phần Header và Footer chỉnh ngay trong Site Settings (cài đặt chung của trang) của trình chỉnh sửa Elementor, dùng được với Elementor miễn phí. Tính năng này mặc định tắt, bạn cần bật lên trong Site Settings rồi mới chỉnh.
- Có 3 bố cục cho cả header và footer: Default, Inverted, Centered.
- Header gồm logo, menu, khẩu hiệu; footer gồm logo, menu, dòng bản quyền. Từng phần bật hoặc tắt được.
- Đổi được độ rộng, màu nền, kiểu menu và kiểu chữ của từng phần.
Cách này nhanh và nhẹ, hợp với website giới thiệu cần header gọn. Giới hạn là bạn chỉ chọn trong 3 bố cục, không thêm được nút gọi, ô tìm kiếm hay dải thông báo tuỳ ý.
Cách 2: Dùng trình dựng header của theme
Một số theme miễn phí có sẵn trình dựng header, footer theo kiểu kéo các phần tử vào hàng trên, hàng giữa, hàng dưới: logo, menu, nút, mạng xã hội, ô tìm kiếm, giỏ hàng. Ví dụ Astra bản miễn phí đã có trình dựng header và footer; bản Astra Pro thêm các tuỳ chọn như header dính khi cuộn và menu lớn nhiều cột. Bạn chỉnh trong phần tuỳ biến giao diện của theme, Elementor vẫn lo phần thân trang.
Ưu điểm: header tải nhanh vì do theme dựng, thay theme thì không bị lẫn dữ liệu Elementor. Theme nào hợp với Elementor và có trình dựng header tốt, xem bài 10 theme miễn phí nhẹ, dễ tùy biến cho Elementor. Nếu đang cân nhắc nâng cấp Astra, đọc thêm Astra Pro có đáng mua không.
Cách 3: Plugin miễn phí cho Elementor dựng header, footer
Nếu muốn thiết kế header, footer bằng chính giao diện kéo thả của Elementor, có hai lựa chọn miễn phí trên kho WordPress:
- Ultimate Addons for Elementor của Brainstorm Force: có trình dựng header, footer kéo thả, quy tắc hiển thị (header nào hiện ở trang nào), và các khối như menu, logo, dòng bản quyền. Theo trang plugin, nó chạy với hầu hết theme, hỗ trợ sẵn Astra, Hello Elementor, GeneratePress, Blocksy, Kadence. Bạn quản lý header, footer trong mục UAE của trang quản trị.
- Hello+ của Elementor: plugin miễn phí đi kèm các theme họ Hello như Hello Biz, có khối Header và Footer dùng được với Elementor miễn phí. Plugin này cần một theme họ Hello đang bật.
Cách này linh hoạt nhất, nhưng thêm một plugin là thêm một thứ phải cập nhật. Chọn plugin còn được cập nhật gần đây và đừng cài hai plugin cùng làm header.
| Cách | Cần cài thêm | Mức tuỳ biến | Hợp khi |
|---|---|---|---|
| 1. Hello Elementor + Site Settings | Không, chỉ cần theme Hello | Thấp: 3 bố cục có sẵn | Website giới thiệu, cần nhanh, gọn |
| 2. Trình dựng header của theme | Không, nếu theme đã có | Vừa: kéo phần tử vào hàng | Muốn header nhẹ, ít phụ thuộc Elementor |
| 3. Plugin miễn phí (UAE, Hello+) | Một plugin | Cao: thiết kế bằng Elementor | Cần header riêng từng trang, nhiều nút, nhiều khối |
Header, footer tốt cần có gì
- Header: logo bấm về trang chủ, menu gọn với các trang khách cần nhất, một nút hành động chính (gọi, nhắn Zalo, đặt lịch). Trên điện thoại, nút gọi phải bấm được bằng một ngón tay.
- Footer: tên doanh nghiệp, địa chỉ, số điện thoại, email, giờ làm việc, liên kết tới chính sách và trang liên hệ. Thông tin phải giống hệt trên Google Maps và Facebook.
- Kiểm tra trên điện thoại thật: menu mở, đóng được, header không che mất nội dung, chữ ở footer đủ lớn để đọc.
Những trang nào nên có mặt trong menu, xem bài Website doanh nghiệp cần những trang nào. Nếu bạn muốn header, footer được thiết kế riêng theo thương hiệu, đồng bộ với toàn bộ website, xem cách chúng tôi làm tại trang Thiết kế website doanh nghiệp.
Tóm lại
- Theme Builder của Elementor chỉ có ở bản Pro, nhưng header, footer vẫn làm được bằng công cụ miễn phí hợp lệ.
- Ba cách: theme Hello Elementor với mục Header, Footer trong Site Settings; trình dựng header của theme; plugin miễn phí như Ultimate Addons for Elementor hoặc Hello+.
- Header cần logo, menu gọn, nút hành động; footer cần thông tin liên hệ đầy đủ; luôn kiểm tra trên điện thoại.