Hey, xin chào. Vừa qua thì mình có trải nghiệm sử dụng ezyplatform , và thấy đây là nền tảng rất có tiềm năng. Nó có thể được dùng đa mục đích, làm websites, tools, web bán hàng, và thậm chí là cả game nữa. Cách sử dụng thực ra rất đơn giản, ngay cả người không biết code cũng k sao.
Chính vì vậy, hôm nay ta sẽ đi tìm hiểu cách để tạo ra một page (website) nó đơn giản thế nào đối với nền tảng này nhé.
2 Thành phần chính của mọi websites.
Thông thường, với các CMS Blog phổ biến nó sẽ có 2 chức năng chính:
- Bài Viết (Post) – Tính năng post là nơi để bạn đăng các nội dung mà có tính phân loại, chẳng hạn như bài viết. Phân loại ở đây là bạn có thể phân theo từng danh mục (category) và thẻ (tag), có mục bình luận. Nói chung nếu bạn muốn đăng bài viết dạng liên tục, có tính cập nhật nhiều thì sử dụng tính năng post này.
- Trang (Page) – Tính năng này giống hệt như Post ở giao diện soạn thảo nội dung, chỉ khác là trên Page sẽ không có mục phân loại page theo category hoặc tag, nó giống như một trang riêng biệt và độc lập, và có đường dẫn sau khi đăng lên là dạng domain/{slug}. Một số ví dụ để dùng Page là bạn tạo trang Liên hệ, Giới thiệu, giới thiệu 1 dịch vụ hay sản phẩm nào đó. Page cũng không có mục bình luận giống như Post.
Hình ảnh minh họa 1.
Thành phần cơ bản của một website
Để 1 website có thể hoạt động, hiển thị, thì cần có 3 thành phần cơ bản (html, css, javascript), do đó chỉ cần có source code (static) là sẽ work. Ezyplatform cho phép chúng ta làm vậy, nhúng toàn bộ source code của 1 website template vào và đơn giản hiển thị lên.
Tạo page mới.
Ta sẽ tạo page mới bằng cách vào Pages → Create
Hình ảnh minh họa 2.
Đặt tên page là demo_1
Lúc này ta đã có page, có thể truy cập vào bằng cách gõ https://domain/{page\_slug}.
Bây giờ tới phần thú vị, ta sẽ đi tìm một template html nào đó đẹp một chút, và copy toàn bộ vào page. Mình sẽ dùng template ở đây link .
Tạo fragments cho page
Fragments hay còn được gọi là mảnh, đây có thể xem là từng thành phần của một page giao diện, mà ta chia nó ra.
Bạn vào Pages → Pages Fragments.
Lúc này sẽ hiện ra 1 giao diện rất nhiều các fragments khác nhau.
Hình ảnh minh họa 4.
Ấn create new, đặt tên cho 2 thành phần quan trọng là page name và fragment name
Lưu ý:
- Khi nãy ta đặt tên page là demo_1 , vậy thì ở đây cũng phải đặt demo_1.
- Đặt tên fragment name dễ nhớ.
Hình ảnh minh họa 3.
Mình sẽ đặt tên chúng là demo_1 và container.
Hình ảnh minh họa 4.
Bây giờ ta sẽ copy toàn bộ nội dung của template phí trên, rồi dán vào phần nội dung của demo_1/container fragment như vầy:
Hình ảnh minh họa 5.
Tiếp theo ta sẽ quay trở lại page demo_1, rồi thêm dòng sau đây vào phần nội dung, như vầy:
<ezy:block ezy:replace="~{demo_1/container :: content}" />
Hình ảnh minh họa 5.
Ấn save lại, và bạn có thể truy cập vào địa chỉ: https://domain/demo1 để xem kết quả.
Kết quả:
Như vậy là ta đã có một trang web cự kỳ nhanh phải không 🤣, tất cả là clone của 1 website khác, nhưng nó cho thấy răng, nếu bạn có template nào đó, có thể là từ AI gen ra, hoặc tự code frontent, hoặc bất cứ thứ gì, ezyplatform vẫn đáp ứng được.
Hình ảnh minh họa 5.