Dù bạn đang xây dựng một trang chủ chào đón hay một phần 'Giới thiệu về tôi', mọi thứ đều bắt đầu từ một canvas trắng. Hướng dẫn này sẽ đưa bạn từ việc tạo bản nháp đầu tiên đến việc xuất bản trang của bạn trực tiếp trên internet.

Tốt nhất cho: Xây dựng các trang nội dung tĩnh (Trang chủ, Trang bán hàng, Liên hệ).

1. Tạo một trang trắng

  1. Từ menu quản trị bên trái, chọn Trang và nhấp vào Thêm Trang Mới.

  2. Nhấp vào khu vực văn bản lớn nhất ở trên cùng và gõ tiêu đề trang của bạn (ví dụ: Trang chủ).

  3. Nhấn Enter trên bàn phím của bạn. Hệ thống sẽ tự động tạo một dòng trống mới bên dưới để bạn bắt đầu thiết kế.

2. Thêm nội dung bằng lệnh slash

Bạn không cần phải sử dụng chuột để tìm kiếm công cụ. Hệ thống hoạt động bằng cách sử dụng "Khối Nội Dung" độc lập (như đoạn văn, hình ảnh, nút).

Trên bất kỳ dòng trống nào, gõ một dấu gạch chéo / trên bàn phím của bạn. Một menu sẽ xuất hiện. Gõ tên của khối mà bạn muốn chèn và nhấn Enter.

5 Khối phổ biến nhất

  • Tiêu đề (Gõ /h2): Dùng để chia nhỏ nội dung của bạn thành các phần dễ tiêu hóa.

  • Đoạn văn: Không cần phím tắt, chỉ cần bắt đầu gõ bình thường.

  • Hình ảnh: Cách dễ nhất là sao chép một hình ảnh từ máy tính của bạn, nhấn Ctrl + V, và dán trực tiếp vào trang.

  • Nút (Gõ /button): Tạo các nút Kêu gọi Hành động (Mua ngay, Liên hệ).

  • Danh sách (Gõ - và khoảng trắng): Tự động tạo một danh sách có dấu đầu dòng.

3. Sắp xếp bố cục của bạn

Nếu bạn muốn trang của mình trông chuyên nghiệp (như chia thành 2 cột hoặc thêm màu nền tùy chỉnh), bạn cần chèn một Bố cục trước, sau đó thả nội dung của bạn vào bên trong nó.

/ và tìm kiếm một trong những khối bố cục cốt lõi này. Khi đã tạo xong, nhấp vào biểu tượng + bên trong container để thả văn bản hoặc hình ảnh của bạn vào đó.

5 Bộ chứa bố cục

Container

Chức năng chính

Ứng dụng thực tế

Nhóm

Bọc các khối để áp dụng màu nền chung.

Tạo một phần nền riêng biệt cho bảng giá.

Cột

Chia màn hình thành hai hoặc ba phần.

Thiết kế một bố cục với hình ảnh tác giả ở một bên và văn bản ở bên kia.

Lưới

Tự động xếp chồng để phù hợp với màn hình di động.

Hiển thị thẻ sản phẩm hoặc danh sách dịch vụ.

Dòng

Căn chỉnh các khối theo chiều ngang.

Đặt 2 nút cạnh nhau (ví dụ: Mua ngay / Liên hệ với chúng tôi).

Chồng

Xếp chồng các khối theo chiều dọc.

Nhóm các mẫu nhập liệu một cách hoàn hảo cho màn hình di động.

4. Khóa và Xuất bản

Trước khi đưa trang của bạn lên mạng, hãy chắc chắn rằng bạn không vô tình làm hỏng cấu trúc thiết kế của mình.

  1. Khóa cấu trúc: Khi bạn hài lòng với một phần cụ thể, hãy nhấp vào nó, chọn Tùy chọn (3 dấu chấm) → chọn Khóa để ngăn chặn việc xóa nhầm.

  2. Xuất bản: Nhấp vào nút Xuất bản màu xanh ở góc trên bên phải màn hình của bạn hai lần để đưa trang của bạn lên mạng.

5 phím tắt để tối ưu tốc độ thiết kế

  • Tạo mẫu đồng bộ: Làm nổi bật một nhóm các khối -> Chọn Tạo mẫu. Khi bạn chỉnh sửa mẫu này trên một trang, nó sẽ tự động cập nhật ở khắp nơi trên trang web của bạn.

  • Sao chép kiểu khối: Nhấp vào một khối đã được định dạng -> Chọn Sao chép kiểu. Nhấp vào một khối khác cùng loại và Dán kiểu để ngay lập tức khớp màu sắc và kiểu chữ mà không thay đổi văn bản.

  • Ẩn trên thiết bị: Mở bảng cài đặt bên phải -> Hiển thị -> Chọn để ẩn các khối cụ thể trên di động hoặc máy tính để bàn nếu bố cục bị hỏng.

  • Nhóm các khối ngay lập tức: Làm nổi bật nhiều khối và nhấp vào biểu tượng Nhóm trên thanh công cụ để bọc chúng lại với nhau ngay lập tức.


🎯 Bước tiếp theo: Bây giờ bạn đã nắm vững thao tác kỹ thuật để tạo ra một trang trống. Đã đến lúc "lắp ráp" nội dung để tạo thành một mặt tiền kinh doanh hoàn chỉnh. Hãy chọn trang bạn muốn xây dựng đầu tiên: