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

Hướng dẫn Divi: Cách sử dụng mô-đun Optin Email

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ị]

Thật dễ dàng để phát triển danh sách gửi thư của bạn bằng cách sử dụng mô-đun đăng ký bản tin được cung cấp bởi chủ đề WordPress Divi. Mô-đun này hỗ trợ tích hợp MailChimp , Aweber et Feedburner.

tích hợp mailchimp divi.png

Cách thêm mô-đun đăng ký bản tin vào trang của bạn

Trước khi bạn có thể thêm một mô-đun e-mail vào trang của mình, trước tiên bạn phải nhảy vào Divi Builder. Sau 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 trang mới. Nhấn nút này để kích hoạt Divi Builder và truy cập tất cả các module Divi Builder. Sau đó bấm vào nút Sử dụng Visual Builder để khởi động trình tạo trong 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 mình ở nền trước nếu bạn được kết nối với trang tổng quan WordPress của mình.

sử dụng divi builder

Khi bạn đã nhập 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. Chúng tôi có các hướng dẫn tuyệt vời về việc sử dụng các yếu tố dòng và phần Divi.

email optin.png

Tìm mô-đun email optin trong danh sách mô-đun và nhấp vào mô-đun đó để thêm mô-đun 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 từ "email optin", sau đó nhấp vào "Enter" để tìm kiếm và tự động thêm mô-đun optin! Khi module được thêm vào, bạn sẽ được chào đón bởi danh sách tùy chọn module. 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 .

Định cấu hình tài khoản email

Trước khi bạn có thể sử dụng mô-đun e-mail chọn tham gia, trước tiên bạn phải kết nối nó với một nhà cung cấp e-mail. Các nhà cung cấp này có thể được thêm và quản lý trong cài đặt mô-đun. Khi bạn đã thêm nhà cung cấp email mới, nó sẽ xuất hiện trong cài đặt mô-đun mỗi khi bạn chỉnh sửa mô-đun email trên trang web của mình.

email optin configuration.png

Để thêm nhà cung cấp email mới, trước tiên hãy chọn nhà cung cấp email của bạn từ danh sách Chọn nhà cung cấp . Sau đó bấm vào nút Thêm On để liên kết mô-đun với tài khoản email của bạn. Divi hiện hỗ trợ ba nhà cung cấp: MailChimp, AWeber và Feedburner.

Liên kết tài khoản AWeber của bạn

Trước khi bạn có thể sử dụng mô-đun này với AWeber, trước tiên bạn phải kết nối tài khoản AWeber của mình. Để thực hiện việc này, hãy chọn AWeber từ danh sách nhà cung cấp, sau đó nhấp vào nút Thêm để bắt đầu quá trình. Sau khi nhấp vào nút Thêm, bạn sẽ được đưa đến một trang nơi bạn sẽ được nhắc đăng nhập vào tài khoản AWeber của mình. Đăng nhập để tạo khóa API của bạn.

đăng nhập aweber divi.png

Sau đó sao chép và dán khóa vào trường Khóa API trong cài đặt mô-đun, sau đó nhấp vào nút gởi .

Tài khoản của bạn hiện đã được liên kết và bạn có thể chọn danh sách e-mail từ trình đơn thả xuống Danh sách AWeber .

Liên kết tài khoản MailChimp của bạn

Trước khi bạn có thể sử dụng mô-đun với MailChimp, trước tiên bạn phải kết nối tài khoản MailChimp của mình. Để thực hiện việc này, chọn MailChimp trong danh sách nhà cung cấp, sau đó bấm Thêm. Sau khi nhấp vào nút Thêm, một trường Khóa API xuất hiện. Sao chép và dán khóa API của bạn vào trường và nhấn nút gởi . Tài khoản của bạn hiện đã được liên kết và bạn có thể chọn danh sách e-mail từ trình đơn thả xuống Danh sách MailChimp .

Bạn có thể định vị khóa API MailChimp trong tài khoản MailChimp.com của mình. Đăng nhập và truy cập trang tiểu sử của bạn. Tìm trong danh mục Extras và tìm liên kết phím API . Quelques Voici thông tin bổ sung về cách tìm khóa API của bạn.

api mailchimp divi.png

Ví dụ về trường hợp sử dụng: Thêm thông báo đăng ký ở cuối bài đăng trên blog

Một địa điểm phổ biến để thêm biểu mẫu email optin nằm ngay bên dưới nội dung thư của bạn.
Đối với ví dụ nhanh này, tôi sẽ chỉ cho bạn cách chèn và tạo kiểu mô-đun email Optin dễ dàng như thế nào dưới một bài đăng trên blog bằng cách sử dụng Visual Builder.

visual builder divi example.jpg

Sử dụng Visual Builder, thêm phần tiêu chuẩn với một hàng cột 1 / 2 (cột 2) bên dưới phần chứa nội dung của ấn phẩm.

Vì ví dụ này sẽ là một ưu đãi sách điện tử chọn tham gia, hãy thêm mô-đun hình ảnh vào cột bên trái và tải lên hình ảnh của sách. Đặt căn chỉnh hình ảnh thành "Trung tâm" và đặt chiều rộng tối đa của hình ảnh thành 300px.

thêm một mô-đun email optin divi.jpg

Sau đó, thêm mô-đun Email Optin vào cột bên phải.

ví dụ email optin tutorial divi.png

Cập nhật cài đặt email Optin như sau:

Tùy chọn nội dung

Tiêu đề: "Người đăng ký mới nhận bản sao miễn phí của cuốn sách điện tử của tôi" Nút văn bản: "Đăng ký" Nội dung: "Một câu chuyện quyến rũ sẽ để bạn ở rìa chỗ ngồi của bạn." Nhà cung cấp dịch vụ: [chọn nhà cung cấp dịch vụ] 
Chọn danh sách hoặc tiêu đề luồng

Tùy chọn thiết kế

Màu nền của sân: # f1f1f1 nền màu: # ffffff Border màu Focus: YES màu viền: # 02b875 Màu Chữ: Dark chữ Hướng: Trung tâm Tiêu đề cảnh sát: PT Sans phông chữ tiêu đề kích thước: 35px đầu height: 1.3em Body font size: 18px tùy chỉnh padding: 20px đúng 20px trái Styles Sử dụng tùy chỉnh để button: YES nút Kích văn bản: 26px văn bản nút Màu sắc: # ffffff màu nền nút: # 02b875 rộng nút biên giới: 2 nút đường viền màu: # nút 02b875 thư khoảng cách: biểu tượng 1px Thêm nút: Có nút biểu tượng: [thêm một biểu tượng]

email ví dụ ebook divi configuration.png

Đó là tất cả. Nếu bạn muốn cải thiện biểu mẫu đăng ký của mình, bạn có thể sử dụng Hoa, tùy chọn email Divi và plugin thế hệ dẫn được thiết kế đặc biệt để giúp bạn phát triển danh sách gửi thư của mình.

Tùy chọn nội dung mô-đun email optin

Trong tab nội dung, bạn sẽ tìm thấy tất cả các phần tử nội dung của mô-đun, chẳng hạn như văn bản, hình ảnh và biểu tượng. Tất cả các điều khiển đó cái gì xuất hiện trong mô-đun của bạn sẽ luôn được tìm thấy trong tab này.

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ả giá đắt cho những gì bạn có thể tự làm. [Miễn phí]

tùy chọn cài đặt tùy chọn email content.png

Tiêu đề

Chèn tiêu đề của mẫu đăng ký của bạn ở đây.

Văn bản nút

Chỉ định văn bản của nút đăng ký tại đây.

Nội dung

Trường này là nơi bạn có thể nhập nội dung của mô-đun Đăng ký.

Nhà cung cấp dịch vụ

Tại đây bạn có thể chọn nhà cung cấp danh sách gửi thư mà bạn sử dụng. Mô-đun hiện hỗ trợ tích hợp MailChimp , Aweber et Feedburner. Chọn nhà cung cấp của bạn từ danh sách và đi đến các tùy chọn sau.

Danh sách MailChimp

Nếu bạn đã chọn MailChimp với tư cách là nhà cung cấp, tùy chọn này sẽ xuất hiện. Ở đây bạn có thể chọn danh sách MailChimp để thêm khách hàng. Nếu bạn không xem được liệt kê ở đây, bạn phải đảm bảo rằng các MailChimp API chính được quy định tại ePanel và bạn có ít nhất một danh sách trên một tài khoản MailChimp. Nếu bạn thêm một danh sách mới, nhưng nó không xuất hiện ở đây, cho phép các 'Danh sách Regenerate MailChimp' trong ePanel. Hãy nhớ tắt nó khi danh sách được tạo lại.

Danh sách của Aweber

Nếu bạn đã chọn Aweber với tư cách là nhà cung cấp, tùy chọn này sẽ xuất hiện. Tại đây bạn có thể chọn danh sách Aweber để thêm khách hàng. Nếu bạn không thấy bất kỳ danh sách nào ở đây, bạn cần đảm bảo rằng Aweber được định cấu hình đúng trong ePanel và bạn có ít nhất một danh sách trên tài khoản Aweber. Nếu bạn đã thêm một danh sách mới, nhưng nó không xuất hiện ở đây, hãy kích hoạt tùy chọn 'Regenerate Aweber Lists' trong ePanel. Hãy nhớ tắt nó khi danh sách được tạo lại.

Tiêu đề Feedburner

Nếu bạn đã chọn Feedburner với tư cách là nhà cung cấp, tùy chọn này sẽ xuất hiện. Đây là cách bạn xác định tài khoản Feedburner của mình. Bạn sẽ cần phải nhập tiêu đề nguồn cấp dữ liệu của bạn, có thể tìm thấy ở đây .

Sử dụng màu nền

Nếu được bật, màu nền sẽ được áp dụng cho mô-đun. Nếu một màu nền đã được kích hoạt, một điền thêm được thêm vào bên trong mô-đun để tách nội dung văn bản khỏi cạnh hiển thị của mô-đun. Nếu màu nền không được bật, nền mô-đun trở nên trong suốt và phần tô bổ sung sẽ bị xóa.

Màu nền

Bạn có thể làm cho ô đăng ký của bạn trở thành màu bạn muốn bằng cách sử dụng bộ chọn màu. Chọn cùng màu với nền của phần để tạo ra sự xuất hiện của chiều rộng hoặc hiệu ứng không viền.

Nhãn quản trị

Điều này sẽ thay đổi nhãn mô-đun trong hàm tạo để dễ nhận dạng. Khi bạn sử dụng khung nhìn WireFrame trong Visual Builder, các nhãn này xuất hiện trong khối mô-đun của giao diện Divi Builder.

Email thiết kế phần Optin

Trong tab Thiết kế, bạn sẽ tìm thấy tất cả các tùy chọn kiểu của mô-đun, chẳng hạn như phông chữ, màu sắc, kích thước và khoảng trắng. Đây là tab bạn sẽ sử dụng để thay đổi giao diện của mô-đun. Mỗi mô-đun Divi có một danh sách dài các thông số thiết kế mà bạn có thể sử dụng để thay đổi bất cứ điều gì.

tùy chọn phần thiết kế mô-đun email optin.png

Màu nền của trường biểu mẫu

Biểu mẫu email optin chứa hai trường nhập cho tên người dùng và mật khẩu. Bạn có thể sử dụng tham số này để điều chỉnh màu nền của các trường này.

Màu văn bản của trường biểu mẫu

Biểu mẫu email optin chứa hai trường nhập cho tên người dùng và mật khẩu. Bạn có thể sử dụng tham số này để điều chỉnh màu văn bản của các trường này. Nếu bạn đã điều chỉnh màu nền của trường biểu mẫu, bạn cũng có thể điều chỉnh màu của văn bản để đảm bảo mối quan hệ màu trơn tru.

Màu nền

Khi một trường đầu vào được tập trung với con chuột của khách truy cập, màu sắc thay đổi để cho biết rõ trường nào đang hoạt động. Ở đây bạn có thể đặt màu nền của các trường được lấy nét.

Màu văn bản được lấy nét

Khi một trường đầu vào được tập trung với con chuột của khách truy cập, màu sắc thay đổi để cho biết rõ trường nào đang hoạt động. Tại đây bạn có thể đặt màu văn bản của các trường được lấy nét.

Sử dụng màu đường viền tiêu điểm

Nếu bạn muốn thêm đường viền vào các trường nhập khi chúng ở trong tiêu điểm, bạn có thể bật tùy chọn này.

Màu của đường viền tiêu điểm

Bằng cách sử dụng cài đặt này, bạn có thể thay đổi màu của đường viền xuất hiện trên các trường nhập được tập trung.

Màu văn bản

Nếu màu nền tối, màu văn bản sẽ được đặt thành "Ánh sáng". Mặt khác, nếu màu nền là rõ ràng, màu văn bản nên được đặt thành "Tối".

Định hướng văn bản

Trình đơn thả xuống này cho phép bạn chỉ định hướng của văn bản để văn bản được canh lề, căn giữa hoặc canh lề trái.

Phông chữ đầu trang

Bạn có thể thay đổi phông chữ của văn bản tiêu đề bằng cách chọn phông chữ mong muốn từ trình đơn thả xuống. Divi đi kèm với hàng tá phông chữ lớn được hỗ trợ bởi Google Fonts. Theo mặc định, Divi sử dụng phông chữ Open Sans cho tất cả văn bản trên trang của bạn. Bạn cũng có thể tùy chỉnh kiểu văn bản của mình bằng cách sử dụng các tùy chọn in đậm, in nghiêng, chữ hoa và gạch chân.

Kích thước của phông chữ đầu trang

Ở đây bạn có thể điều chỉnh kích thước của văn bản tiêu đề của bạn. Bạn có thể kéo thanh trượt phạm vi để tăng hoặc giảm kích thước văn bản hoặc nhập giá trị của kích thước văn bản mong muốn trực tiếp vào trường nhập ở bên phải thanh trượt. Các trường nhập hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi loại đơn vị của nó.

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

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

Màu của văn bản tiêu đề

Theo mặc định, tất cả các màu văn bản Divi xuất hiện bằng màu trắng hoặc xám đậm. Nếu bạn muốn thay đổi màu của văn bản tiêu đề, hãy chọn màu mong muốn trong bộ chọn màu bằng cách sử dụng tùy chọn này.

Khoảng cách của đầu thư

Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng trống giữa mỗi chữ cái. Nếu bạn muốn tăng khoảng cách giữa mỗi chữ cái trong văn bản tiêu đề, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng trắng hoặc nhập kích thước khoảng cách mong muốn trong trường nhập ở bên phải thanh trượt. Các trường nhập hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi loại đơn vị của nó.

Chiều cao của dòng tiêu đề

Chiều cao dòng ảnh hưởng đến khoảng trống giữa mỗi dòng của văn bản tiêu đề Nếu bạn muốn tăng khoảng cách giữa mỗi dòng, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng trắng hoặc nhập kích thước khoảng cách mong muốn trong dòng. trường đầu vào ở bên phải con trỏ. Các trường nhập hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi loại đơn vị của nó.

Phông chữ cơ thể

Bạn có thể thay đổi phông chữ của cơ thể bằng cách chọn phông chữ mong muốn từ trình đơn thả xuống. Divi đi kèm với hàng tá phông chữ lớn được hỗ trợ bởi Google Fonts. Theo mặc định, Divi sử dụng phông chữ Open Sans cho tất cả văn bản trên trang của bạn. Bạn cũng có thể tùy chỉnh kiểu văn bản của mình bằng cách sử dụng các tùy chọn in đậm, in nghiêng, chữ hoa và gạch chân.

Kích thước phông chữ cơ thể

Ở đây bạn có thể điều chỉnh kích thước của văn bản nội dung của bạn. Bạn có thể kéo thanh trượt phạm vi để tăng hoặc giảm kích thước văn bản hoặc nhập giá trị của kích thước văn bản mong muốn trực tiếp vào trường nhập ở bên phải thanh trượt. Các trường nhập hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi loại đơn vị của nó.

Màu văn bản nội dung

Theo mặc định, tất cả các màu văn bản Divi xuất hiện bằng màu trắng hoặc xám đậm. Nếu bạn muốn thay đổi màu của văn bản, hãy chọn màu mong muốn trong bộ chọn màu bằng cách sử dụng tùy chọn này.

Khoảng cách của chữ cái

Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng trống giữa mỗi chữ cái. Nếu bạn muốn tăng khoảng cách giữa mỗi chữ cái trong văn bản, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng trắng hoặc nhập kích thước khoảng cách mong muốn trong trường nhập ở bên phải thanh trượt. Các trường nhập hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi loại đơn vị của nó.

Chiều cao của đường kẻ

Chiều cao dòng ảnh hưởng đến không gian giữa mỗi dòng văn bản cơ thể của bạn Nếu bạn muốn tăng khoảng cách giữa mỗi dòng, sử dụng thanh trượt để điều chỉnh phạm vi không gian hoặc nhập kích thước khoảng cách mong muốn trong lĩnh vực đầu vào nằm ở bên phải của con trỏ. Các lĩnh vực đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi kiểu của đơn vị.

Sử dụng đường viền

Bật tùy chọn này sẽ đặt đường viền xung quanh mô-đun của bạn. Đường viền này có thể được tùy chỉnh bằng các tham số có điều kiện sau.

Màu của đường viền

Tùy chọn này ảnh hưởng đến màu của đường viền của bạn. Chọn màu tùy chỉnh trong bộ chọn màu để áp dụng màu đó cho đường viền của bạn.

Chiều rộng của đường viền

Theo mặc định, đường viền có chiều rộng là 1 pixel. Bạn có thể tăng giá trị này bằng cách kéo thanh trượt phạm vi hoặc nhập giá trị tùy chỉnh vào trường nhập ở bên phải thanh trượt. Đơn vị đo lường tùy chỉnh được hỗ trợ, có nghĩa là bạn có thể thay đổi đơn vị mặc định là "px" thành đơn vị khác, như em, vh, vw, v.v.

Kiểu đường viền

Biên giới hỗ trợ tám phong cách khác nhau: rắn, chấm, chấm, đôi, rãnh, đỉnh, inlay và bắt đầu. Chọn kiểu mong muốn của bạn từ trình đơn thả xuống để áp dụng cho đường viền của bạn.

Lề tùy chỉnh

Lề là khoảng trống được thêm vào bên ngoài mô-đun của bạn, giữa mô-đun và phần tử tiếp theo ở trên, bên dưới hoặc bên trái và bên phải của phần tử đó. Bạn có thể thêm các giá trị lề tùy chỉnh vào một trong bốn mặt của mô đun. Để xóa lề tùy chỉnh, hãy xóa giá trị được thêm từ trường nhập. Theo mặc định, các giá trị này được tính theo pixel, nhưng bạn có thể nhập đơn vị đo lường tùy chỉnh trong các trường nhập.

Đệm tùy chỉnh

Fill là khoảng trống được thêm vào bên trong module của bạn, giữa cạnh của module và các phần tử bên trong của nó. Bạn có thể thêm các giá trị điền tùy chỉnh vào một trong bốn mặt của mô-đun. Để xóa lề tùy chỉnh, hãy xóa giá trị được thêm từ trường nhập. Theo mặc định, các giá trị này được tính theo pixel, nhưng bạn có thể nhập đơn vị đo lường tùy chỉnh trong các trường nhập.

Sử dụng kiểu tùy chỉnh cho nút

Bật tùy chọn này sẽ hiển thị các cài đặt tùy chỉnh khác nhau cho các nút mà bạn có thể sử dụng để thay đổi giao diện của nút trên mô-đun của bạn.

Kích thước văn bản nút

Cài đặt này có thể được sử dụng để tăng hoặc giảm kích thước của văn bản trong nút. Nút thay đổi khi kích thước của văn bản tăng và giảm.

Màu văn bản nút

Theo mặc định, các nút áp dụng màu nhấn của chủ đề của bạn như được xác định trong tùy biến của chủ đề. Tùy chọn này cho phép bạn gán màu văn bản tùy chỉnh cho nút trên mô-đun này. Chọn màu tùy chỉnh của bạn bằng bộ chọn màu để thay đổi màu của nút.

Màu nền nút

Theo mặc định, các nút có màu nền trong suốt. Điều này có thể được thay đổi bằng cách chọn màu nền mong muốn trong bộ chọn màu.

Nút chiều rộng đường viền

Tất cả các nút Divi đều có đường viền 2px mặc định. Đường viền này có thể được tăng hoặc giảm bằng cách sử dụng tham số này. Biên giới có thể được xóa bằng cách nhập một giá trị của 0.

Màu đường viền nút

Theo mặc định, đường viền nút thay đổi màu nhấn của chủ đề của bạn như được xác định trong tùy biến của chủ đề. Tùy chọn này cho phép bạn gán màu viền tùy chỉnh cho nút trên mô-đun này. Chọn màu tùy chỉnh của bạn bằng cách sử dụng công cụ chọn màu để thay đổi màu của đường viền nút.

Bán kính đường viền nút

Bán kính của biên giới ảnh hưởng đến độ tròn của các góc của các nút của bạn. Theo mặc định, các nút trong Divi có bán kính đường viền nhỏ làm tròn các góc của 3 pixel. Bạn có thể giảm giá trị này thành 0 để tạo một nút hình vuông hoặc tăng đáng kể để tạo các nút có cạnh tròn.

Khoảng cách của các chữ cái nút

Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng trống giữa mỗi chữ cái. Nếu bạn muốn tăng khoảng cách giữa mỗi chữ cái trong nút của văn bản, sử dụng thanh trượt để điều chỉnh phạm vi không gian hoặc nhập kích thước khoảng cách mong muốn trong lĩnh vực đầu vào phía bên phải của con trỏ. Các lĩnh vực đầu vào hỗ trợ các đơn vị đo lường khác nhau, có nghĩa là bạn có thể nhập "px" hoặc "em" tùy thuộc vào giá trị của kích thước của bạn để thay đổi kiểu của đơn vị.

Phông chữ nút

Bạn có thể thay đổi phông chữ của văn bản nút bằng cách chọn phông chữ mong muốn từ trình đơn thả xuống. Divi đi kèm với hàng tá phông chữ lớn được hỗ trợ bởi Google Fonts. Theo mặc định, Divi sử dụng phông chữ Open Sans cho tất cả văn bản trên trang của bạn. Bạn cũng có thể tùy chỉnh kiểu văn bản của mình bằng cách sử dụng các tùy chọn in đậm, in nghiêng, chữ hoa và gạch chân.

Thêm biểu tượng nút

Đã tắt, cài đặt này sẽ xóa các biểu tượng khỏi nút của bạn. Theo mặc định, tất cả các nút Divi hiển thị biểu tượng mũi tên trên di chuột.

Biểu tượng nút

Nếu các biểu tượng được bật, bạn có thể sử dụng cài đặt này để chọn biểu tượng để sử dụng trong nút của mình. Divi có các biểu tượng khác nhau để lựa chọn.

Nút biểu tượng màu

Đặt cài đặt này sẽ thay đổi màu của biểu tượng xuất hiện trên nút của bạn. Theo mặc định, màu của biểu tượng giống như màu văn bản của các nút, nhưng cài đặt này cho phép bạn điều chỉnh màu một cách độc lập.

Nút vị trí biểu tượng

Bạn có thể chọn hiển thị biểu tượng nút của bạn ở bên trái hoặc bên phải nút của bạn.

Chỉ hiển thị biểu tượng khi nút cuộn qua

Theo mặc định, các biểu tượng nút chỉ được hiển thị trong khi di chuột qua. Nếu bạn muốn biểu tượng luôn xuất hiện, hãy tắt cài đặt này.

Màu văn bản của nút trên chuột

Khi nút được di chuyển bằng chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sắc sẽ thay đổi từ màu cơ sở được xác định trong các cài đặt trước đó.

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

Tải xuống WooC Commerce miễn phí, 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. [Khuyến nghị]

Màu nền của nút trên chuột

Khi nút được di chuyển bằng chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sắc sẽ thay đổi từ màu cơ sở được xác định trong các cài đặt trước đó.

Nút viền màu di chuột

Khi nút được di chuyển bằng chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sắc sẽ thay đổi từ màu cơ sở được xác định trong các cài đặt trước đó.

Nút bán kính biên giới di chuột

Khi nút được di chuyển bằng chuột của khách truy cập, giá trị này sẽ được sử dụng. Giá trị sẽ thay đổi từ giá trị cơ sở được xác định trong các tham số trước đó.

Nút trỏ khoảng cách ghi chú

Khi nút được di chuyển bằng chuột của khách truy cập, giá trị này sẽ được sử dụng. Giá trị sẽ thay đổi từ giá trị cơ sở được xác định trong các tham số trước đó.

Email Optin Tùy chọn nâng cao

Trong tab nâng cao, bạn sẽ tìm thấy các tùy chọn mà các nhà thiết kế web có kinh nghiệm hơn có thể thấy hữu ích, chẳng hạn như các thuộc tính CSS và HTML tùy chỉnh. Ở đây bạn có thể áp dụng CSS tùy chỉnh cho một trong nhiều thành phần của mô-đun. Bạn cũng có thể áp dụng các lớp tùy chỉnh và ID CSS cho mô-đun, có thể được sử dụng để tùy chỉnh mô-đun trong tệp style.css của chủ đề con của bạn.

optin email module

ID CSS

Nhập mã định danh CSS tùy chọn để sử dụng cho mô-đun này. Có thể sử dụng ID để tạo kiểu CSS tùy chỉnh hoặc tạo liên kết đến các phần cụ thể trên trang của bạn.

Lớp CSS

Nhập các lớp CSS tùy chọn để sử dụng cho mô-đun này. Một lớp CSS có thể được sử dụng để tạo một kiểu CSS tùy chỉnh. Bạn có thể thêm nhiều lớp, cách nhau bằng dấu cách. Các lớp này có thể được sử dụng trong chủ đề con Divi của bạn hoặc trong bảng kiểu CSS tùy chỉnh mà bạn thêm vào trang hoặc trang web của mình bằng cách sử dụng tùy chọn chủ đề Divi hoặc tham số của trang Divi Builder.

CSS tùy chỉnh

CSS tùy chỉnh cũng có thể được áp dụng cho mô đun và một trong các thành phần bên trong của mô-đun. Trong phần Custom CSS, bạn sẽ tìm thấy một trường văn bản, trong đó bạn có thể thêm các bảng định kiểu CSS tùy chỉnh trực tiếp vào từng phần tử. Các mục CSS trong các tham số này đã được gói trong các thẻ kiểu. Vì vậy, chỉ cần nhập các quy tắc CSS được phân tách bằng dấu chấm phẩy.

tầm nhìn

Tùy chọn này cho phép bạn kiểm soát các thiết bị mà mô-đun của bạn xuất hiện. Bạn có thể chọn tắt mô-đun của mình trên máy tính bảng, điện thoại thông minh hoặc máy tính để bàn. Điều này rất hữu ích nếu bạn muốn sử dụng các mô-đun khác nhau trên các thiết bị khác nhau hoặc nếu bạn muốn đơn giản hóa thiết kế di động bằng cách loại bỏ các yếu tố nhất định của trang.

Các hướng dẫn khác về WordPress Divi Theme

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 chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
11 cổ phiếu
cổ phiếu6
tweet1
Enregistrer4