4 · Trang chủ & trang thường

Phần này tiếp nối trang 3. Bạn đã biết cách sửa một khối; giờ xem trang chủ gồm những khối nào và cách sửa các trang thường như Về triển lãm, FAQ, Liên hệ.

Bản đồ trang chủ: khối nào sửa cái gì

Đây là thứ tự các khối trên trang chủ VIHEF, từ trên xuống. Nhãn Elementor là sửa được ngay trên trang. Nhãn khác nghĩa là phần đó sửa ở nơi khác. Trang chủ Beerfest có bản đồ riêng ở trang 9.

Thanh menu + hai nút “Đặt gian hàng”, “Đăng ký trước” + chuyển VI/ENChữ trong menu sửa ở Event → Menus (chỉ quản trị viên). Hai nút và logo ở header do giao diện quyết định, không có ô nào để sửa. Cần đổi thì nhờ kỹ thuật.

Nhờ kỹ thuật

VIHEF HeroDòng nhỏ phía trên, tiêu đề lớn, khẩu hiệu, ảnh nền, 2 nút, đồng hồ đếm ngược, ô địa điểm. Ba chữ đầu đang lấy từ Event → Settings; muốn riêng thì gõ vào ô ở cột trái (không gõ trực tiếp lên trang được).

Elementor

VIHEF Event scaleTiêu đề, đoạn mô tả, 2 nút và các thẻ con số. Thẻ đã có sẵn nên sửa trực tiếp trong khối, đổi ở Settings không có tác dụng. Có công tắc bật/tắt dòng ngày và nơi.

Elementor

VIHEF Audience marqueeDải chữ chạy ngang, mỗi mục là một nhóm đối tượng.

Elementor

VIHEF Intro bandMột đoạn giới thiệu ngắn kèm đường link.

Elementor

VIHEF SectorsCác ô lĩnh vực: tiêu đề, mô tả, ảnh nền, link của từng ô.

Elementor

VIHEF Reasons list (1)Danh sách lý do, nhóm thứ nhất (nên trưng bày).

Elementor

VIHEF Reasons list (2)Danh sách lý do, nhóm thứ hai (nên tham quan).

Elementor

VIHEF Latest newsTiêu đề, nút “xem thêm”, câu hiện khi chưa có tin, và số bài hiện ra (mặc định 6). Bài tin lấy từ Posts.

Elementor

VIHEF Partners and sponsorsNhãn nhỏ và số logo tối đa (mặc định 24). Logo lấy từ Sponsors (CMS).

Elementor

VIHEF DocumentsTiêu đề và danh sách file tải về, chọn file ngay trong khối. Khối tự ẩn khi chưa có file.

Elementor

VIHEF Closing call to actionBanner cuối trang: tiêu đề và 2 nút.

Elementor

Chân trangLiên hệ, địa chỉ, bản đồ, logo đơn vị tổ chức lấy từ Event → Settings (tab Show info). Các cột liên kết ở chân trang VIHEF do giao diện quyết định, nhờ kỹ thuật nếu cần đổi.

Event → Settings

Khối Hero có 2 chi tiết hay bị hỏi. Thứ nhất, đồng hồ đếm ngược tính từ ngày khai mạc ở Event → Settings → Start date (bật/tắt ngay trong khối). Thứ hai, ô địa điểm lấy tên và ngày từ Settings, còn nhãn nhỏ phía trên (ví dụ “ĐỊA ĐIỂM DỰ KIẾN”) thì gõ trực tiếp được.

Có thể thấy thêm khối “Editorial”

Nếu trước đây trang chủ có sẵn nội dung viết tay, nội dung đó được giữ lại trong một khối riêng tên “Editorial”. Khối này không nằm trong bảng trên vì không phải trang nào cũng có. Bạn sửa nó như một khối bình thường.

Sửa các trang thường (Về triển lãm, FAQ, Liên hệ…)

Các trang thường đã được chuyển sang Elementor: nội dung nằm trong một khối Text Editor (khối soạn văn bản) ở giữa trang. Phần tiêu đề lớn phía trên (có đường dẫn “Trang chủ / …”) do website tự tạo từ tên trang.

Bảng sửa Text Editor ở bên trái chứa nội dung trang; bên phải là trang với tiêu đề và nội dung — **Sửa trang “Câu hỏi thường gặp” trong Elementor**
**Tên khối** đang sửa: Text Editor.
**Ba tab:** *Nội dung* (chữ), *Kiểu hiển thị* (màu, cỡ chữ…), *Nâng cao* (khoảng cách…).
**Ô soạn văn bản.** Dùng như soạn Word: đậm, nghiêng, danh sách, chèn liên kết (biểu tượng sợi xích). Tab *Code* hiện mã nền, bạn không cần dùng.
**Nội dung này** hiện ra ngoài trang. Dòng `[halal_fest_faq_search]` là một mã ngắn tạo ra ô tìm kiếm. **Đừng xoá** nó.
**Nút `+`** để thêm khối mới (tiêu đề, ảnh, nút, video, khoảng cách…).
**Publish/Update** để lưu.

Đừng xoá những dòng dạng [tên_mã]

Ở nhiều trang, ngoài chữ bạn còn thấy những dòng trong ngoặc vuông. Mỗi dòng như vậy tạo ra một phần có sẵn của website (form, danh sách, bảng). Bạn thoải mái sửa chữ xung quanh, nhưng giữ nguyên các dòng này. Lỡ xoá thì bấm Ctrl + Z ngay, hoặc dùng History.

Mã ngắn	Phần website tạo ra
`[halal_fest_faq_search]`	Ô tìm kiếm ở trang Câu hỏi thường gặp
`[event_lead_form type="…"]`	Các form liên hệ, đặt gian hàng, báo chí, bản tin… (có ở nhiều trang như Đặt gian hàng, Đối tượng khách tham quan, Liên hệ, Đăng ký báo chí)
`[halal_fest_downloads]`	Danh sách file tải về ở trang Tài liệu
`[halal_fest_gallery]`	Thư viện ảnh
`[halal_fest_sponsorship]`	Bảng quyền lợi các gói tài trợ
`[halal_fest_venue]`, `[halal_fest_contact_details]`, `[halal_fest_organiser]`	Khung địa điểm, thông tin liên hệ, đơn vị tổ chức

Thêm ảnh, nút, video vào trang thường

Bấm + ở góc trên trái, rồi gõ tên khối vào ô tìm “Search Widget…” ở đầu cột trái. Các khối hay dùng: Heading (tiêu đề), Image (ảnh), Button (nút), Video, Divider (đường kẻ), Spacer (khoảng trống).
Kéo khối vào vị trí mong muốn trên trang (thấy vạch xanh báo chỗ thả).
Điền nội dung ở cột trái, rồi bấm Update.

Những thứ không có trong Elementor ở website này

Khối HTML / Custom HTML bị tắt có chủ ý để website an toàn.
Các khối “Pro” (có chữ Upgrade) chỉ xem, không dùng được.
Menu trên cùng và chân trang không sửa bằng Elementor. Xem mục Menu và Settings → Show info.

Trang không có nút Elementor

Trang “Đăng ký quan tâm” dùng giao diện riêng (mẫu đăng ký) và trang “Tin tức” hiện danh sách bài, nên hai trang này không sửa bằng Elementor. Nội dung của chúng đến từ form và từ Posts. Nhiều trang khác cũng có form (ví dụ Đăng ký báo chí) nhưng vẫn sửa bằng Elementor bình thường, miễn là bạn giữ nguyên dòng mã ngắn của form.

Trang tiếng Anh với Elementor

Trang tiếng Anh là một trang riêng. Để sửa: ở danh sách Pages bấm cây bút cạnh cờ English, hoặc chuyển sang tiếng Anh bằng nút VI/EN ở đầu website rồi bấm Edit with Elementor.

Cái gì tự theo sang bản kia, cái gì phải tự dịch đã được gom vào một bảng duy nhất ở trang 1. Với Elementor, bạn chỉ cần nhớ ba điều:

Chữ và link thì tự dịch, tự sửa riêng. Khi bạn thêm khối hoặc dòng mới ở một bản, bản kia nhận khối đó kèm chữ gốc để bạn dịch.
Dựng bố cục và ảnh ở một bản (thường là tiếng Việt) rồi sang bản kia chỉ việc dịch chữ. Đỡ phải làm hai lần.
Đừng kéo thả khối ở cả hai bản cùng lúc. Bản nào bấm Update sau cùng sẽ ghi đè bố cục bản kia. Việc đồng bộ cũng chỉ áp dụng cho trang đã dựng bằng Elementor.