Sử Dụng Bố Cục

Nhấn vào mũi tên để mở ra các tính năng của plugin

image.png

Sau đó hệ thống sẽ hiển thị các tính năng

image.png

Trong phần Bố cục, hệ thống cung cấp các tính năng:

  • Tạo Bố cục 2 - 4 cột

  • Tạo Thẻ dọc, Thẻ ngang

  • Tạo Đường phân chia

  • Tạo Trích dẫn

  • Tạo Làm nổi bật

1. Tạo Bố cục cột

Bước 1: Hệ thống cung cấp bố cục 2/3/4 cột. Nhấp vào Bố cục cột tương ứng với số lượng cột mong muốn.

Ví dụ chọn Bố cục 2 cột, hệ thống sẽ hiển thị như hình

image.png

Bước 2: Tại đây bạn có thể tùy chỉnh nội dung theo nhu cầu bằng cách nhấp vào ô bố cục cột và chọn Tùy chỉnh.

Picture1-1.png

Bước 3: Trình chỉnh sửa bố cục cột bao gồm:

  • Các nội dung trong từng cột

  • Số cột

  • Đường viền

  • Đổ bóng

Khi đã điều chỉnh xong, bạn nhấp vào nút Lưu.

Ví dụ bố cục cột sau khi đã chỉnh sửa:

2. Tạo Thẻ

Bước 1: Nhấp vào Thẻ hoặc Thẻ ngang.

Nếu chọn Thẻ thì hệ thống sẽ hiển thị như hình

image.png

Bước 2: Tại đây bạn có thể tùy chỉnh nội dung theo nhu cầu bằng cách nhấp vào thẻ và chọn Tùy chỉnh.

Bước 3: Trình chỉnh sửa thẻ bao gồm:

  • Nội dung thẻ h2 (Tiêu đề)

  • Nội dung thẻ p

  • Nội dung thẻ a (Nội dung nút bấm)

  • Liên kết thẻ a (Liên kết chèn trong nút bấm)

  • Hình ảnh

  • Đường viền

  • Màu sắc

  • Đổ bóng

Khi đã điều chỉnh xong, bạn nhấp vào nút Lưu.

Ví dụ thẻ sau khi đã chỉnh sửa:

image.png

3. Tạo Đường phân chia

Bước 1: Nhấp vào Đường phân chia.

Picture2-2.png

Hệ thống sẽ hiển thị như hình

image.png

Bước 2: Tại đây bạn có thể tùy chỉnh nội dung theo nhu cầu bằng cách nhấp vào đường phân chia và chọn Tùy chỉnh.

Picture3-1.png

Bước 3: Trình chỉnh sửa đường phân chia bao gồm:

  • Màu sắc

  • Loại đường viền

image.png

Khi đã điều chỉnh xong, bạn nhấp vào nút Lưu.

Ví dụ sử dụng đường phân chia trong việc tách nội dung:

4. Trích dẫn

Bước 1: Nhấp vào Trích dẫn.

Picture4-1.png

Hệ thống sẽ hiển thị như hình

image.png

Bước 2: Tại đây bạn có thể tùy chỉnh nội dung theo nhu cầu bằng cách nhấp vào trích dẫn và chọn Tùy chỉnh.

Picture5-1.png

Bước 3: Trình chỉnh sửa trích dẫn bao gồm:

  • Nội dung thẻ p (nội dung trích dẫn)

  • Màu sắc

  • Đường viền

  • Đổ bóng

image.png

Khi đã điều chỉnh xong, bạn nhấp vào nút Lưu.

Ví dụ trích dẫn sau khi đã chỉnh sửa:

image.png

5. Làm nổi bật

Bước 1: Nhấp vào Làm nổi bật.

Picture6-1.png

Hệ thống sẽ hiển thị như hình

image.png

Bước 2: Tại đây bạn có thể tùy chỉnh nội dung theo nhu cầu bằng cách nhấp vào ô và chọn Tùy chỉnh.

Picture7-1.png

Bước 3: Trình chỉnh sửa ô làm nổi bật bao gồm:

  • Nội dung thẻ p (nội dung muốn làm nổi bật)

  • Màu sắc

  • Đổ bóng

image.png

Khi đã điều chỉnh xong, bạn nhấp vào nút Lưu.

Ví dụ trích dẫn sau khi đã chỉnh sửa:

image.png

Last updated