9 · Saigon Beerfest
Beerfest dùng cùng cách làm như VIHEF: cùng Elementor, cùng CMS, cùng Event → Settings. Trang này chỉ nói những chỗ khác, để bạn không phải đọc lại từ đầu.
Các ảnh chụp trong bộ hướng dẫn lấy từ VIHEF; giao diện quản trị của Beerfest giống hệt, chỉ khác tên khối và vài mục menu như bảng dưới. Trang này chưa có ảnh riêng của Beerfest.
Giống và khác so với VIHEF
| VIHEF 2027 | Saigon Beerfest | |
|---|---|---|
| Đăng nhập | Website riêng | Website riêng, tài khoản riêng |
| Sửa trang chủ | Elementor, nhóm khối “VIHEF home page” | Elementor, nhóm khối “Beerfest home page” |
| Sửa trang thường | Giống nhau: Pages → Edit with Elementor → khối Text Editor, thêm khối có sẵn của Elementor | |
| Thông tin show | Giống nhau: Event → Settings (Show info, Registration, Leads, Email, SEO, Analytics, Privacy) | |
| Ngày sự kiện, form đăng ký, danh sách đăng ký, Leads | Giống nhau: Event → Event Days / Registrations / Leads | |
| Tin tức | Giống nhau: Posts | |
| Menu trong quản trị | Có thêm Exhibitors, Sponsors, Gallery riêng | Gọn hơn: Posts, Media, Pages, Event. Không có Exhibitors/Sponsors/Gallery. Logo đối tác lấy từ ảnh của một trang (xem mục “Phần CMS”) |
| Menu chân trang | Cột liên kết ở chân trang do giao diện quyết định, nhờ kỹ thuật | Tự sửa được ở Event → Menus: vị trí Footer Menu (menu chân trang) và Social / Contact Menu (biểu tượng mạng xã hội, liên hệ) |
| Hai nút và logo ở đầu trang | Giống nhau: do giao diện quyết định, nhờ kỹ thuật nếu cần đổi | |
| Màu sắc, kiểu chữ | Mỗi website có giao diện riêng, do kỹ thuật quyết định, không đổi trong quản trị | |
11 khối của trang chủ Beerfest Elementor
Mở trang chủ bằng nút Edit with Elementor, rồi làm đúng như đã học ở trang 3: bấm một khối, sửa ở cột bên trái, bấm Update để lưu. Chỉ khác là tên các khối bắt đầu bằng “Beerfest” thay vì “VIHEF”. Chữ và link thì bạn tự sửa riêng ở từng ngôn ngữ, ảnh và bố cục tự theo, như trong bảng ở trang 1.
Cột cuối của bảng cho biết nếu bạn để trống thì khối lấy nội dung từ đâu. Muốn đổi nội dung đó, hãy sửa ở nguồn tương ứng.
| Khối (từ trên xuống) | Bạn sửa gì | Để trống thì lấy từ đâu |
|---|---|---|
| Beerfest Hero | Tiêu đề lớn, mô tả, các nút, ảnh nền | Tiêu đề: khẩu hiệu hoặc tên show ở Event → Settings. Mô tả: đoạn tóm tắt (Excerpt) của trang chủ hoặc khẩu hiệu |
| Beerfest Ticker | Dải chữ chạy ngang | Tên show, ngày và các con số ở Event → Settings |
| Beerfest Dates and venue | Dải ngày giờ, địa điểm, đồng hồ đếm ngược. Có công tắc bật/tắt từng phần | Event → Settings |
| Beerfest Figures | Các con số nổi bật | Event → Settings → Homepage statistics. Không có số nào thì dải này tự ẩn |
| Beerfest Event days | Số ngày hiện ra | Danh sách ngày lấy từ Event → Event Days |
| Beerfest Sectors | Tiêu đề, số ngành hiện ra, màu, link | Các ngành (Sectors) của danh bạ nhãn hiệu. Menu quản trị Beerfest hiện không có chỗ để sửa danh sách ngành, nên muốn đổi tên hoặc thêm ngành thì nhờ kỹ thuật. Chưa có ngành nào thì khối tự ẩn |
| Beerfest Festival zones | Các khu của lễ hội | Các trang con của trang “Exhibit”. Muốn đổi chữ, sửa tiêu đề và Excerpt của các trang đó |
| Beerfest Why attend | Lý do nên tham dự | Ba trang Visit, Exhibit, About (tiêu đề và Excerpt của chính các trang này) |
| Beerfest Latest news | Tiêu đề, nút xem thêm | Bài tin lấy từ Posts |
| Beerfest Sponsors and partners | Tiêu đề, nút xem thêm | Logo lấy từ các ảnh gắn vào trang “Partners” (xem “Phần CMS”) |
| Beerfest Closing band | Banner cuối trang kèm nút | Ngày, địa điểm lấy từ Event → Settings |
Trang chủ Beerfest lúc chuyển sang Elementor đã được điền sẵn các dòng cho Figures, Festival zones và Why attend. Vì danh sách đang có dòng, việc sửa nguồn ở Settings hay ở trang con có thể không làm trang chủ đổi. Muốn đổi, hãy sửa trực tiếp dòng trong khối; còn nếu xoá hết dòng thì khối quay về lấy từ nguồn ghi ở bảng (bạn thử rồi kiểm tra lại).
Nút mua vé và ô để trống “tự động”
- Nút vé (“Get Tickets”) theo cài đặt của show. Nếu có Ticket URL ở Event → Settings → Show info thì nút dẫn tới trang bán vé. Nếu không có thì nút đổi thành “Register” dẫn tới các ngày sự kiện. Chữ và link của nút để trống trong Elementor là để website tự làm theo cách đó. Còn nếu bạn điền chữ hay link vào, website dùng của bạn thay cho bản tự động.
- Danh sách để trống thì dùng nội dung mặc định: Ticker, Figures, Festival zones, Why attend (xem cột cuối của bảng trên). Muốn thay nội dung thì thêm dòng vào danh sách; xoá hết dòng thì quay về mặc định.
- Khối Dates and venue có công tắc bật/tắt ngày, địa điểm, đồng hồ đếm ngược; để trống chữ thì lấy từ Event → Settings.
Thấy một khối “tự điền” không như ý và không biết sửa ở đâu? Mở khối đó trong Elementor: các ô để trống thường có dòng chữ nhỏ ghi rõ “Để trống để lấy từ …”. Ô nào ghi vậy thì nguồn nằm ở Event → Settings. Các quy tắc “để trống” khác có ở Từ điển nhỏ.
Phần CMS của Beerfest CMS
- Logo đối tác / nhà tài trợ trên băng chuyền: tải ảnh lên trang “Partners”, mỗi ảnh là một logo. Cần ít nhất 2 ảnh thì băng chuyền mới hiện.
- Các ngày diễn ra: Event → Event Days, làm như trang Sự kiện & đăng ký. Khối Event days ở trang chủ tự lấy các ngày đã đăng theo thứ tự ngày.
- Các khu của lễ hội (Khu nếm thử, Sàn giao thương, Sân khấu chính…) là những trang riêng trong Pages, sửa bằng Elementor như trang thường.
- Menu: Event → Menus (chỉ quản trị viên), mỗi ngôn ngữ một menu. Ngoài menu chính, Beerfest có thêm Footer Menu và Social / Contact Menu ở tab Manage Locations. Cách làm xem trang 5.
- Tin tức, Leads, Registrations, Settings: giống VIHEF.
- Danh bạ nhãn hiệu (Exhibitors/Brands) và ngành (Sectors): Beerfest không có menu quản trị cho hai thứ này. Cần thêm hoặc sửa thì nhờ kỹ thuật.
Thêm logo đối tác bằng ảnh gắn vào trang Partners
- Vào Pages, mở trang Partners bằng Edit with Elementor.
- Bấm vào khối Text Editor, rồi bấm nút Add Media phía trên khung soạn. Đó là nút trong khung soạn, không phải menu Media bên trái màn hình.
- Chọn tab Upload files và tải logo lên, mỗi ảnh một logo. Bấm Update.
- Mở trang chủ xem băng chuyền đã có logo chưa.
- Ảnh phải được gắn vào trang Partners. Ảnh đã có sẵn trong Media nhưng cột Uploaded to không phải trang Partners thì không hiện; bấm Attach để gắn (xem mục Tài liệu).
- Đừng đổi đường dẫn (slug) của trang Partners: website tìm trang theo tên đường dẫn sponsors, partners hoặc doi-tac.
- Thứ tự logo theo thứ tự ảnh được gắn, không chỉnh tay được. Bản Việt và bản Anh dùng chung ảnh, nếu một bản chưa có ảnh thì lấy ảnh của bản kia.
- Chưa chắc ảnh tải từ khung Text Editor có được gắn tự động. Bạn tải thử một ảnh rồi kiểm tra lại như trên.