Trang là một thành phần cốt lõi của một website. Trang giúp bạn thể hiện nội dung hoặc giúp người dùng có thể tương tác, trao đổi thông tin hai chiều giữa website và người dùng.
Ví dụ một website trường học có thể có các trang con như sau:
-
Giới thiệu
-
Khóa học
-
Đội ngũ giáo viên
-
Phương pháp giảng dạy
-
Liên hệ
Trình xây dựng website của Selfomy giúp cho bạn có thể dễ dàng tạo website chuyên nghiệp, tối ưu với các công cụ tìm kiếm và AI để thu hút học viên tiềm năng. Tất cả chỉ bằng các khối thiết kế có sẵn của chúng tôi, và nếu bạn cần sáng tạo hơn, bạn có thể thiết kế bằng mã nguồn HTML của trang hoặc nhờ AI tạo giúp bạn.
Tạo trang
Để tạo trang, vào mục Website > Trang hoặc tại đây.
Bấm nút Tạo trang và bạn sẽ thấy biểu mẫu hiện lên.
Điền các thông tin như sau:
-
Title: Tiêu đề của trang, nên ngắn gọn và cô đọng, khoảng dưới 60 ký tự. Ví dụ: "Trung tâm ABC - Giảng dạy có tâm" hay "Cảm nhận của học viên"
-
Meta description: Mô tả, tóm tắt nội dung về trang. Bạn không bắt buộc điền nhưng nên điền vì đây sẽ là nội dung người khác khi tìm kiếm trên Google sẽ đọc.
-
Meta keywords: Từ khóa, không bắt buộc điền.
-
Path: Đường dẫn. Ví dụ website của bạn là abc.com và đường dẫn là "cam-nhan" thì học viên có thể truy cập vào trang này bằng cách gõ "abc.com/cam-nhan". Quy tắc: Nên viết không dấu, ngắn gọn, cách nhau bằng dấu gạch ngang "-".
Sau đó bấm Tạo trang (Save page).
Cập nhật nội dung trang
Tại bảng danh sách trang, hãy bấm biểu tượng con mắt bên cạnh trang mà bạn muốn chỉnh sửa. Bạn sẽ được đưa đến trình chỉnh sửa của trang.
Giao diện sẽ gồm hai phần:
-
Cột bên trái là khu vực cho phép chỉnh sửa nội dung của trang.
-
Cột bên phải cho phép xem nội dung hiện tại của trang khi hiển thị ở phía người dùng.
Bạn có thể bắt đầu thêm khối thiết kế đầu tiên bằng cách bấm nút Thêm mới.
Tại đây chúng tôi đã xây dựng sẵn các khối với thiết kế hiện đại giúp bạn nhanh chóng xây dựng được website của mình. Hãy bấm chọn 1 khối.
Sau khi bấm chọn, bạn sẽ thấy khối đó nằm ở cột trái, bấm biểu tượng mũi tên bên cạnh khối đó để mở phần nội dung. Tại đây bạn có thể tùy chỉnh nội dung theo yêu cầu
Lưu ý: Đối với khối Thành tích, Cảm nhận, Đội ngũ và Bài viết, bạn sẽ cần tạo nội dung tương ứng tại mục Website > Thành tích, hoặc Website > Cảm nhận,... để nội dung đó có thể hiển thị trong khối.
Sau khi hoàn thành chỉnh sửa nội dung, hãy bấm nút Lưu ở góc phải trên cùng để lưu các thay đổi.
Thay đổi menu của trang
Bấm chọn tab Template và thay đổi menu.
Chèn thêm mã Javascript hoặc CSS tùy chỉnh
Bấm chọn tab Template và chèn các đoạn mã ấy vào khu vực tương ứng.
Thiết kế nâng cao bằng HTML
Nếu bạn có nhu cầu thiết kế linh hoạt hơn, cần nhiều sự tự do hơn, bạn có thể dùng khối Thiết kế linh hoạt có tại mục "Nội dung". Khối này cho phép bạn chèn mã HTML riêng hoặc chỉnh sửa bằng trình chỉnh sửa nâng cao.
Với việc cho phép chỉnh sửa mã HTML, bạn có thể yêu cầu ChatGPT, Gemini, Claude,... hay bất kỳ công cụ AI nào câu lệnh sau để tạo trang:
"Bạn là một nhà thiết kế website chuyên nghiệp với nhiều kinh nghiệm trong UI/UX.
Bạn được giao nhiệm vụ thiết kế trang [tên của trang] cho website [chủ đề website, ví dụ trung tâm tiếng Anh].
Nội dung như sau: [Hãy bổ sung nội dung, hình ảnh nếu có]
Yêu cầu đầu ra: Trả về chỉ đoạn mã HTML của body, không kèm theo thẻ , . CSS styling: Sử dụng Tailwind CDN nếu cần thiết hoặc chỉ sử dụng plain CSS. Vui lòng thực hiện kiểm tra code trước khi trả về code để đảm bảo HTML hợp lệ, không có lỗi giao diện và không có lổ hổng bảo mật."
Copy đoạn mã được tạo và quay lại trình xây dựng trang trên Selfomy, bạn hãy bấm nút Sửa mã HTML Code và dán mã đó vào.
Sau đó bạn hãy bấm Lưu để lưu các thay đổi.