Trước khi bạn có thể thêm mô-đun lời chứng thực vào trang của mình, trước tiên bạn phải truy cập Divi Builder. Một khi Chủ đề Divi được cài đặt trên trang web của bạn, bạn sẽ thấy một nút Sử dụng Divi Builder phía trên trình chỉnh sửa bài đăng bất cứ khi nào bạn tạo một trang mới. Nhấp vào nút này để kích hoạt Divi Builder và truy cập tất cả các mô-đun mà nó cung cấp. Sau đó bấm vào nút Sử dụng Visual Builder để khởi động trình tạo ở chế độ trực quan. Bạn cũng có thể nhấp vào nút Bật Trình tạo hình ảnh khi bạn duyệt trang web của bạn ở phía trước nếu bạn được kết nối với bảng điều khiển WordPress của bạn.

sử dụng trình tạo hình ảnh Divi

Khi bạn đã vào Visual Builder, bạn có thể nhấp vào nút dấu cộng màu xám để thêm mô-đun mới vào trang của mình. Mô-đun mới chỉ có thể được thêm vào bên trong các hàng. Nếu bạn đang bắt đầu một trang mới, hãy nhớ thêm một hàng vào trang của bạn trước.

Mô-đun lời chứng thực của Wordpress

Tìm mô-đun lời chứng thực trong danh sách các mô-đun và nhấp vào mô-đun đó để thêm vào trang của bạn. Danh sách các mô-đun có thể tìm kiếm được, có nghĩa là bạn cũng có thể nhập "lời chứng thực" và sau đó nhấn enter để tự động tìm kiếm và thêm mô-đun lời chứng thực! Sau khi mô-đun được thêm vào, bạn sẽ được chào đón bởi danh sách tùy chọn mô-đun. Các tùy chọn này được chia thành ba nhóm chính: Nội dung , Conception et tiên tiến .

Trường hợp sử dụng ví dụ: Phần chứng thực cho một trang sản phẩm

Thêm phần chứng thực là một trong những cách tốt nhất để khuyến khích sản phẩm hoặc dịch vụ của bạn. Trong ví dụ này, tôi sẽ chỉ cho bạn cách sử dụng mô-đun Chứng thực để tạo phần chứng thực ở cuối trang đích nhằm khuyến khích sản phẩm hoặc dịch vụ của bạn. Tiêu đề của phần chứng thực là “Khách hàng hạnh phúc”. Điều quan trọng là phải có một tiêu đề hiệu quả, vừa sáng tạo vừa phù hợp. Tất cả ba lời chứng thực đều ngắn gọn trong bố cục ba cột, theo sau là nút CTA ở cuối trang.

Nội dung mẫu với lời chứng thực divi

Để thêm phần lời chứng thực vào trang, hãy sử dụng trình tạo trực quan để thêm phần tiêu chuẩn với một hàng ba cột. Sau đó, thêm mô-đun lời chứng thực vào cột đầu tiên của hàng của bạn.

Phần lời khai của DiviCập nhật cài đặt mô-đun Chứng thực bằng cách sau:

Tab nội dung

Tên tác giả: [điền tên]
Tiêu đề bài viết: [nhập tiêu đề]
Tên công ty: [nhập công ty]
Nội dung: [nhập nội dung của lời chứng thực]
URL hình ảnh dọc: [tải xuống hình ảnh 90 × 90]
Biểu tượng trích dẫn
:

Tab thiết kế

Màu văn bản: Ánh sáng
Định hướng văn bản:
Cảnh sát cơ thể Quân đoàn: Ánh sáng Roboto
Kích thước phông chữ cơ thể: 20px
Chiều cao của đường cơ thể: 1.5em

Ví dụ về lời chứng thực của Divi wordpressBây giờ bạn đã tạo mô-đun chứng thực đầu tiên của mình, sao chép nó hai lần và kéo các mô-đun trùng lặp để điền vào cột thứ hai và thứ ba.

Ví dụ về lời khai của divi

Vì tất cả các tham số thiết kế đã được chuyển sang các mô-đun trùng lặp trong dòng thứ hai và thứ ba, bạn chỉ cần quay lại và cập nhật nội dung của từng mô-đun.

Đó là tất cả.

Các tham số nội dung của mô-đun lời chứng thực

Tham số nội dung của mô-đun diviCài đặt trên tab nội dung được sắp xếp thành các nhóm mà bạn có thể mở để xem thêm các tùy chọn. Điều này giúp bạn tìm thấy cài đặt bạn đang tìm kiếm dễ dàng hơn nhiều. Bạn cũng có thể sử dụng thanh tìm kiếm ở trên cùng để tìm tất cả các tab cài đặt cùng một lúc cho cài đặt bạn đang tìm kiếm. Nó sẽ giúp bạn đi thẳng vào vấn đề!

Văn bản

Đây là nơi bạn có thể thêm tên của tác giả lời chứng thực, tiêu đề bài viết, công ty và nội dung của chính lời chứng thực.

Hình ảnh

Nếu bạn có ảnh hồ sơ hoặc loại hình ảnh khác đi kèm với lời chứng thực của mình, đây là nơi bạn sẽ thêm nó vào.

Liên

Tại đây, bạn có thể thêm tác giả hoặc URL công ty và kiểm soát việc mở URL.

Các yếu tố

Tại đây bạn có thể chọn hiển thị hoặc ẩn biểu tượng trích dẫn.

bối cảnh

Tại đây bạn có thể chọn thêm màu nền hoặc hình ảnh vào lời chứng thực của mình.

Nhãn quản trị

Trong danh sách thả xuống này, bạn có thể thêm nhãn quản trị viên sẽ xuất hiện trong trình tạo trên trang tổng quan, cũng như trên chế độ xem trình tạo trực quan.

Các thông số thiết kế của mô-đun chứng thực

Thông số thiết kế diviCài đặt trên tab Thiết kế được sắp xếp thành các nhóm sau để giúp bạn dễ dàng tìm thấy cài đặt bạn muốn. Và hãy nhớ rằng, bạn cũng có thể sử dụng thanh tìm kiếm để tìm cài đặt nhanh hơn!

Trích dẫn biểu tượng

Đây là nơi bạn có thể điều chỉnh màu sắc của biểu tượng báo giá.

Chân dung

Cài đặt dọc cho phép bạn điều chỉnh bán kính đường viền, chiều rộng dọc và chiều cao dọc cho hình ảnh mà bạn có thể đã thêm trong tab Nội dung.

Văn bản

Các cài đặt này cho phép bạn thay đổi màu sắc và hướng của văn bản.

Phần thân của văn bản

Các cài đặt này cho phép bạn điều chỉnh phông chữ, trọng lượng, kích thước, màu sắc, khoảng cách, chiều cao dòng, v.v.

biên giới

Ở đây bạn có thể chọn sử dụng một đường viền. Và nếu bạn chọn sử dụng đường viền, bạn cũng có thể chọn màu, thay đổi chiều rộng và chọn kiểu của nó.

khoảng cách

Trong khu vực khoảng cách, bạn có thể thêm điền tùy chỉnh vào đầu, phải, dưới cùng hoặc bên trái của lời chứng thực. Bạn cũng có thể thay đổi các giá trị này cho máy tính để bàn, máy tính bảng hoặc thiết bị di động.

Các tham số nâng cao của mô-đun Lời chứng thực

Cài đặt nâng cao lời chứng thực diviTrong tab Nâng cao của mô-đun lời chứng thực, bạn có thể thêm ID (số nhận dạng) và một lớp css duy nhất. Bạn cũng có thể thêm css tùy chỉnh vào các bộ chọn css khác nhau được xác định trước (và được chọn trước) trong mô-đun trượt video thả xuống css tùy chỉnh. Cuối cùng, trong danh sách thả xuống khả năng hiển thị, bạn có thể điều chỉnh khả năng hiển thị của mô-đun của mình trên điện thoại, máy tính bảng và máy tính để bàn.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]TẢI XUỐNG CHỦ ĐỀ DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]TẢI XUỐNG TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Hướng dẫn Divi khác