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.
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.
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.
Để 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.
Cậ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
Bâ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ì 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
Cà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
Cà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
Trong 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
- trang web 5 để sử dụng hàng Divi chủ đề
- Cách thêm văn bản vào sản phẩm Divi WooCommerce
- Cách thay đổi màu menu giữa các trang Divi
- Cách cá nhân hóa lưới của blog với Divi
- Làm thế nào để sử dụng trình biên tập Divi vai trò trên WordPress
- Cách tạo thanh trượt Divi toàn màn hình
- Cách thay đổi màu của menu giữa các trang Divi
- Các tính năng có thể bạn chưa biết về Divi
- Cách sử dụng Divi Builder trên WordPress
- Cách sử dụng mô-đun cuộn video Divi
- Cách sử dụng mô-đun Divi Builder Flip
- Cách thêm mô-đun chứng thực trên Divi Builder
- Cách sử dụng mô-đun văn bản Divi
- Cách tạo thanh trượt trên Divi
- Cách chỉnh sửa vai trò người dùng Divi
- Cách sử dụng mô-đun Truyền thông xã hội Divi
- Cách sử dụng mô-đun cửa hàng trên chủ đề WordPress Divi
- Cách sử dụng mô-đun bên Divi
- Cách sử dụng mô-đun bảng giá Divi
- Cách sử dụng mô-đun tiêu đề của ấn phẩm Divi
- Cách thêm mô-đun video của Divi
- Cách sử dụng mô-đun điều hướng bài viết
- Cách sử dụng mô-đun tìm kiếm Divi
- Cách sử dụng mô-đun ví Divi
- Cách sử dụng mô-đun người trên Divi Builder
- Cách sử dụng mô-đun ví với bộ lọc Divi
- Cách sử dụng mô-đun trượt toàn bộ chiều rộng
- Cách sử dụng Mô-đun hình ảnh Divi Builder
- Cách sử dụng mô-đun điều hướng chiều rộng đầy đủ của Divi Builder
- Cách sử dụng mô-đun thư viện hình ảnh
- Cách sử dụng Mô-đun Thẻ Đa Năng Divi Builder
- Cách sử dụng Mô-đun danh mục đầu tư chiều rộng đầy đủ Divi
- Cách sử dụng mô đun tiêu đề toàn chiều rộng Divi
- Cách sử dụng Module Divi Counter
- Cách sử dụng thanh trượt bài viết trên Divi Builder
- Cách sử dụng mô-đun Optin Email Optin