Bỏ qua đến nội dung chính

Cách sử dụng mô-đun Divi Builder Flip

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Trước khi bạn có thể thêm mô-đun Toggle vào trang của mình, trước tiên bạn phải nhảy vào Trình tạo Divi. 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 nhà xuất bản mỗi khi 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 Divi Builder. Sau đó bấm vào nút Sử dụng Visual Builder để khởi động máy phát ở 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.

truy cập trình tạo hình ảnh

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

flip flop divi module.png

Xác định vị trí mô-đun chuyển đổi trong danh sách các mô-đun và nhấp vào nó để thêm nó 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 "chuyển đổi" sau đó nhấn enter để tìm kiếm và tự động thêm mô-đun chuyển đổi! Sau khi mô-đun được thêm vào, bạn sẽ được chào đón bởi danh sách các tùy chọn của mô-đun. Các tùy chọn này được tách thành ba nhóm chính: Nội dung , Conception et tiên tiến .

Trường hợp sử dụng mẫu: Trang Câu hỏi thường gặp

Trang FAQ là một trong những nơi tốt nhất để hợp nhất thông tin bằng cách sử dụng mô-đun Toggle. Nó cho phép người dùng nhanh chóng xác định câu hỏi mà anh ta đang tìm kiếm mà không cần phải đọc hàng tấn văn bản. Trong ví dụ này, tôi sẽ chỉ cho bạn cách bạn có thể sử dụng mô-đun Toggle để thiết kế phần Câu hỏi thường gặp hiện đại cho trang Câu hỏi thường gặp của bạn trong vài phút.
trang mẫu FAQ.jpg

Sử dụng Trình xây dựng hình ảnh, thêm một phần mới với hàng toàn băng thông (cột 1). Sau đó thêm một mô-đun Divider vào dòng. Trên tab Nội dung Cài đặt Mô-đun Bộ chia, chọn tùy chọn "Hiển thị Bộ chia".

ví dụ về nút flip-flop divi.png

Trên tab Thiết kế, nhập các tùy chọn sau:

Màu: # 000000 (màu đen)
Kiểu phân cách: Rắn
Vị trí phân cách:
Bộ chia theo chiều dọc Trọng lượng: 4px
Chiều cao: 1

tùy chọn cấu hình chuyển đổi divi.png

Sau đó thêm một mô-đun rocker dưới dải phân cách tôi vừa tạo trong cùng một hàng. Trong cài đặt mô-đun Toggle, cập nhật các mục sau:

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Tab nội dung

Tiêu đề: [nhập tiêu đề của bạn] Nội dung: [nhập nội dung của bạn] Trạng thái: Đóng
Màu nền mở: #ffffff
Đã đóng Chuyển đổi màu nền: #ffffff
Màu nền: #ffffff

Tab thiết kế

Màu của biểu tượng: # 000000
Mở màu văn bản chuyển đổi: # 000000
Đã tắt màu văn bản chuyển đổi: # 000000
Phông chữ tiêu đề: Mở Sans, In đậm
Kích thước phông chữ: 24px
Màu văn bản tiêu đề: # 000000
Body Font: Open Sans
Kích thước phông chữ cơ thể: 18px
Màu văn bản nội dung: # 666666
Chiều cao của đường cơ thể: 1.6em
Sử dụng đường viền: YES
Chiều rộng của đường viền: 0px
Đệm tùy chỉnh: Hàng đầu 2px, Dưới 2px

nội dung mới với divi.png rocker

Sau khi lưu cài đặt của bạn cho mô-đun chuyển đổi, sao chép mô-đun chia mà bạn đã tạo và đặt mô-đun chuyển đổi. Điều này sẽ đóng khung Flip với một đường phân tách trên và dưới. Sau đó, nhân đôi mô-đun chuyển đổi của bạn và đặt nó sau dòng tách dưới cùng. Vì đây là mô-đun Chuyển đổi trùng lặp, tất cả các tham số thiết kế đã được chuyển sang Chuyển đổi mới và tất cả những gì bạn cần làm là cập nhật nội dung của mô-đun Chuyển đổi mới. Sau đó tiếp tục quá trình sao chép các mô-đun tách và flip-flop và cập nhật nội dung của flip-flop cho đến khi bạn hoàn thành toàn bộ phần FAQ.

Đó là tất cả. Bây giờ bạn có phần Câu hỏi thường gặp hiện đại bằng mô-đun Toggle để hợp nhất các câu hỏi và câu trả lời của bạn.

chuyển đổi mô-đun divi.gif

Bây giờ bạn đã thấy mô-đun rocker hoạt động, hãy đi sâu vào TẤT CẢ các cài đặt của nó trong các phần bên dưới. Chúng tôi đã cung cấp một cái nhìn tổng quan chi tiết về những gì bạn sẽ tìm thấy trong mỗi tab của các tham số mô-đun và giải thích về những gì từng làm.

Các tham số nội dung của mô-đun Toggle

thông số flip-flops divi.png

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Tab nội dung của mô-đun chuyển đổi được tổ chức theo các nhóm tham số sau (cũng thay thế!).

Văn bản

Đây là nơi bạn có thể thêm tiêu đề và nội dung chuyển đổi.

Etat

Bạn có thể chọn xem bạn muốn nút của mình xuất hiện mở hay đóng theo mặc định với cài đặt này.

bối cảnh

Tại đây, bạn có thể thay đổi màu nền khi flip-flop được mở và màu nền khi nó đóng. Bạn cũng có thể dễ dàng làm cho chúng giống nhau bằng cách đặt tùy chọn màu nền. Ngoài ra còn có tùy chọn để đặt hoặc tải xuống một hình ảnh nền.

Nhãn quản trị

Theo mặc định, mô-đun chuyển đổi của bạn sẽ xuất hiện với một thẻ đọc 'Chuyển đổi' trong trình tạo. Tab Quản trị cho phép bạn thay đổi thẻ này để dễ nhận biết.

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

tùy chọn thiết kế chuyển đổi wordpress.png

Các tham số thiết kế của mô-đun chuyển đổi đã được nhóm trong các menu thả xuống sau trên tab Thiết kế.

biểu tượng

Đây là nơi bạn có thể thay đổi màu sắc của biểu tượng chuyển đổi.

Văn bản

Tại đây bạn có thể đặt màu cho văn bản chuyển đổi mở và đóng.

Văn bản tiêu đề

Tại đây, bạn có thể điều chỉnh phông chữ, trọng lượng, kích thước, màu sắc, khoảng cách, độ cao của dòng tiêu đề và hơn thế nữa.

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

Ở đây bạn có thể điều chỉnh phông chữ, trọng lượng, kích thước, màu sắc, khoảng cách, độ cao của dòng và hơn thế nữa.

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 của nó, thay đổi độ rộng của nó và chọn kiểu của nó.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

khoảng cách

Trong khu vực giãn cách, bạn có thể thêm phần đệm tùy chỉnh vào trên cùng, bên phải, dưới cùng hoặc bên trái của tỷ lệ. 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 cài đặt nâng cao của mô-đun chuyển đổi

thông số flip-flop divi.png

Trong tab Nâng cao của mô-đun lật của bạn, bạn có thể thêm ID và 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 được xác định trước (và được chọn trước) trong mô-đun con trỏ video của danh sách 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 mức độ hiển thị của mô-đun trên điện thoại, máy tính bảng và máy tính để bàn.

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn sử dụng mô-đun Divi Toggle tốt hơn.

Hướng dẫn Divi khác

Bài viết này chứa comments 0

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
18 cổ phiếu
cổ phiếu8
tweet3
Enregistrer7