2. Hướng dẫn sử dụng Builder

You are here:
< All Topics

Để cho quá trình soạn thảo nội dung trên website thuận tiện và ai cũng có thể dùng. Paroda đã tích hợp sẵn Builder cho bạn.

Phần này mình sẽ hướng dẫn dùng các Element phổ biến: Section, Text, Heading, Image, Colum, Table.

Sau khi bạn nhấn vào Edit With Builder, bạn sẽ thấy màn hình sau hiện ra rất trực diện để soạn thảo bài viết.

Chèn Section (layout) cho một đoạn

Đầu tiên với 1 phần mới chúng ta phải thêm Section. Section là 1 phần chứa H2, H3. Mỗi section sẽ có 1 nội dung cụ thể.

Bạn có thể hiểu Section là 1 layout mà bạn muốn thể hiện nội dung trong đó. Paroda cung cấp cho bạn các Section sẵn và Section trắng. Nếu không cần trình bày dạng đặc biệt, chúng ta dùng section trắng.

Trong Section bạn có thể chọn màu nền, viền, khoảng cách. Tùy vào khả năng thẩm mỹ của mỗi người mà bạn chọn cho đẹp nhé.

Chèn Chữ (text)

Sau khi đã có Section thì bạn thêm các thành phần vào như Row (Cột), chữ (text) và hình ảnh. Trong phần Section chúng ta nhấn dấu (+) để thêm một Element là Text.

(1): Thêm một Element
(2): Tại ô tìm kiếm ta tìm chữ Text.


(3): Nhấn vào Text Element.

Sau đó từ file bài viết đã chuẩn bị chúng ta copy và paste nội dung và Text Element

Sau đó hiện các loại text. Nếu chọn một đoạn bình thường chúng ta chọn “Đoạn“. Tiếp theo nếu chúng ta muốn chỉnh sửa hoặc copy đoạn văn vô thì nhấn Open Text Editor.

Trong phần chỉnh sửa các thuộc tính của chữ. Chúng ta có thể chọn font, kích cỡ chữ, in đậm, in nghiêng, canh lề trái phải, hoặc chèn link vào chữ…

Thêm Heading H2, H3

Trong phần này mình sẽ hướng dẫn các bạn thêm Heading cho bài viết. Heading là các mục lớn trong bài viết.

Mình thường sử dụng tới mục H3. Tức nhiên H3 là con của H2. Bạn lưu ý rằng trong 1 bài viết có thể có nhiều thẻ Heading. Với Paroda thì họ xem các thẻ này là text (chữ). Do đó bạn làm tương tự với phần trên (cách chèn chữ). Sau đó, chúng ta cài đặt đây là thẻ H2 hay H3.

Trong phần này Paroda định nghĩa Tiêu đề 2 có nghĩa là H2, Tiêu đề 3 là H3. Mình nghĩ rằng nên dùng tới H3 thôi. Không cần dùng đến H4.

Chèn hình ảnh (Image)

Để chèn hình ảnh thì chọn Image Element.

Để upload hình ảnh chúng ta chọn Select media. Sau đó upload hình lên.

Chèn Column (cột) – Row Element

Cũng tương tự trong Builder bạn thêm 1 element là Row.

Nhấn dấu (+) đế thêm Element, sau đó tìm kiếm từ Row -> Chọn số cột bạn muốn thêm.

Chèn Button – Nút gọi điện

Việc chèn một nút call trong bài viết để khách hàng có thể gọi mua hàng hoặc nút button liên kết với 1 bài viết khác.

Trong trình soạn thảo bạn thêm element bằng cách nhấn nút (+) > tìm button hoặc Nút -> chọn loại button của bạn.

Trong phần thêm số điện thoại, chúng ta chú ý cấu trúc tel: 0909999999 (thay bằng số của bạn)

Bạn lưu ý nhớ cấu trúc tel: [số điện thoại] để chèn nút call cho bạn.

Ngắt trang Divider

Sau mỗi Section hoặc bài viết quá dài, chúng ta nên sử dụng cách thức ngắt trang để người đọc có cảm giác thoải mái và dễ đọc hơn.

Tương tự như các Element khác, bạn chèn ngắt trang bằng cách dùng divider

Tạo chuyển động

Đôi khi một số hình ảnh hoặc các element chúng ta tạo chuyển động bằng cách thêm Animate. Hiện tại Paroda cho phép chúng ta dùng 12 loại chuyển động khác nhau

Previous 1. Giới thiệu về Builder và hệ thống công cụ giúp xây dựng giao diện
Table of Contents