Tạo một trang
Back to ezyarticleMột trang web điển hình thường có bố cục phức tạp hơn với nhiều thành phần hơn so với một bài viết blog đơn giản và thường được hiển thị trên menu của trang web, với EzyArticle bạn có nhiều lựa chọn để tạo ra một trang web đẹp mắt.
Tạo trang bằng AI
Với sự phát triển của AI ngày nay, việc lập trình đã trở nên cực kỳ đơn giản — và với EzyPlatform, mọi thứ còn đơn giản hơn nữa. EzyPlatform đóng vai trò là nền tảng cung cấp API, hướng dẫn lập trình và môi trường triển khai, giúp bạn tập trung vào việc tạo nội dung thay vì lo về hạ tầng.
Bước 1 — Cài đặt công cụ lập trình
Cài Visual Studio Code — một trình soạn thảo code nhẹ, miễn phí và dễ sử dụng.
Sau đó, cài thêm EzyArticle Extension trực tiếp từ VS Code Marketplace.
Khi đã cài xong extension, tham khảo hướng dẫn này để khởi tạo dự án, thiết lập môi trường và đồng bộ các thành phần nội dung của trang về máy.
Bước 2 — Cài đặt công cụ AI
Bạn có thể cài bất kỳ công cụ AI nào mà VS Code hỗ trợ, ví dụ như
Codex. Sau khi có đường dẫn dự án và môi trường đã sẵn sàng, dùng AI để tạo mới hoặc chỉnh sửa nội dung trang thông qua prompt trực tiếp trong VS Code.Bước 3 — Quản lý phiên bản mã nguồn
VS Code đã tích hợp sẵn
git, bạn có thể dùng ngay để theo dõi lịch sử thay đổi và đồng bộ dự án.Sử dụng công cụ kéo thả
Mặc dù cách này khá mất thời gian, nhưng nếu bạn không biết dùng các công cụ AI thì đây là một lựa chọn.
Giả sử bạn muốn tạo một trang có tiêu đề about-us để mô tả về đội ngũ của mình. Hãy truy cập bảng điều khiển quản trị và đi đến Trang > Tạo mới (Pages > Create), bạn sẽ thấy giao diện như sau:
Chúng tôi sử dụng GrapesJS làm trình soạn thảo, và menu bên phải tương tự như khi tạo một bài viết blog. Bạn có thể tham khảo hướng dẫn tại đây.
Tương tự như bài viết blog, một trang có thể được chỉnh sửa bằng các trình soạn thảo khác nhau và có thể mở rộng với nhiều plugin.
Bạn có thể kéo thả các phần tử như văn bản, hình ảnh vào trình soạn thảo. Ví dụ, tôi đã tạo một bố cục như sau:
Sau đó, nhấn Xuất bản (Publish) và quay lại trang web của bạn bằng EzyBlog. Lúc này, trên menu của trang web sẽ có một mục mới có tên ABOUT US. Khi nhấp vào, bạn sẽ thấy bố cục giống như trong trình soạn thảo:
Lấy đường dẫn trên web của trang
Để lấy đường dẫn (Web Link) của một trang sau khi tạo, bạn cần cập nhật EzyArticle lên phiên bản mới nhất. Sau khi cập nhật, giao diện chỉnh sửa trang trong Admin sẽ hiển thị thêm thông tin Web Link ngay bên dưới tiêu đề trang.
Tại đây bạn sẽ thấy:
- Tiêu đề trang kèm nút Update để lưu thay đổi.
- Web Link — đường dẫn trực tiếp đến trang trên website, ví dụ:
https://chungkhoan.ezyplatform.com/home - Nút Copy để sao chép link nhanh mà không cần nhập tay.
Bạn có thể dùng link này để chia sẻ trang, gắn vào menu, hoặc sử dụng trong các chiến dịch marketing.
🎉 Chúc mừng! Bạn đã tạo thành công một trang cho trang web của mình! 🚀