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 theme WordPress Divi. Mô-đun này hỗ trợ tích hợp MailChimp , Aweber et Feedburner.
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ô-đun email vào trang của mình, trước tiên bạn phải chuyển sang 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 của Divi Builder. 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. Chúng tôi có các hướng dẫn tuyệt vời về cách sử dụng các phần tử đường và phần của Divi.
Tìm mô-đun email optin 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 từ "email optin" và sau đó nhấp vào "Enter" để tự động tìm kiếm và thêm mô-đun optin! 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 .
Định cấu hình tài khoản email
Trước khi bạn có thể sử dụng mô-đun email optin, trước tiên bạn phải kết nối nó với một nhà cung cấp email. 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, nhà cung cấp này 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.
Để 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 một 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 các 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 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.
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 email của mình từ menu 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, hãy chọn MailChimp từ danh sách các nhà cung cấp, sau đó nhấp vào Thêm. Sau khi nhấp vào nút Thêm, một trường Khóa API sẽ xuất hiện. Sao chép và dán khóa API của bạn vào trường, sau đó 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 email của mình từ menu thả xuống Danh sách MailChimp .
Bạn có thể tìm khóa API MailChimp của mình trong tài khoản MailChimp.com của bạn. Đăng nhập và đi đến trang hồ sơ của bạn. Tìm trong danh mục Extras và tìm liên kết phím API . đây là một số thông tin bổ sung về cách tìm khóa API của bạn.
Trường hợp sử dụng ví dụ: Thêm một bài đăng ký vào cuối bài đăng blog
Một nơi phổ biến để thêm một hình thức 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 dễ dàng chèn và tạo kiểu mô-đun email Optin trong bài đăng blog bằng Visual Builder.
Sử dụng Visual Builder, thêm phần tiêu chuẩn với hàng 1/2 cột (2 cột) bên dưới phần chứa nội dung bài đăng.
Vì ví dụ này sẽ là một ưu đãi sách điện tử với optin, 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 hình ảnh tối đa là 300px.
Sau đó thêm mô-đun Optin Email vào cột bên phải.
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Í Sách điện tử của tôi" Văn bản nút: "Đăng ký" Nội dung: "Một câu chuyện hấp dẫn sẽ khiến bạn không thể rời mắt khỏi chỗ ngồi của mình." 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 trường: # f1f1f1 Màu nền: #ffffff Màu đường viền tiêu điểm: CÓ Màu đường viền: # 02b875 Màu văn bản: Hướng văn bản tối: Tiêu đề giữa Phông chữ: PT Không có tiêu đề Kích thước phông chữ: 35px Chiều cao đầu: 1.3em Kích thước phông chữ: 18px Đệm tùy chỉnh: 20px Bên phải, 20px Kiểu bên trái Sử dụng tùy chỉnh cho nút: CÓ Nút kích thước văn bản: 26px Màu nút văn bản: #ffffff Màu nền nút: # 02b875 Chiều rộng đường viền nút: 2 Màu đường viền nút: # 02b875 Khoảng cách chữ cái nút: 1px Thêm Biểu tượng nút: Có Biểu tượng nút: [biểu tượng thêm]
Đó 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 tạo khách hàng tiềm năng đượ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 yếu 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ả đ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.
Tiêu đề
Chèn tiêu đề của bạn hình thức đăng ký tại đây.
Văn bản nút
Chỉ định văn bản nút đăng ký ở đây.
Nội dung
Trường này là nơi bạn có thể nhập nội dung của mô-đun SignUp.
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, sau đó tiếp tục các tùy chọn sau.
Danh sách MailChimp
Nếu bạn đã chọn MailChimp là một 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 MailChimp để 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 khóa API MailChimp được đặt trong ePanel và bạn có ít nhất một danh sách trên 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, hãy kích hoạt tùy chọn 'Tạo lại danh sách MailChimp' trong ePanel. Đừng quên hủy kích hoạt nó khi danh sách được tạo lại.
Danh sách của Aweber
Nếu bạn đã chọn Aweber là một 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 danh sách ở đây, bạn cần đảm bảo rằng Aweber được định cấu hình chính xác 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 danh sách không xuất hiện ở đây, hãy bật tùy chọn 'Tạo lại danh sách Aweber' trong ePanel. Đừng quên hủy kích hoạt nó khi danh sách được tạo lại.
Tiêu đề Feedburner
Nếu bạn đã chọn Feedburner là một 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 nhập tiêu đề nguồn cấp dữ liệu của mình, có thể được 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àu nền đã được bật, màu tô bổ sung sẽ được thêm vào bên trong mô-đun để tách nội dung văn bản khỏi cạnh có thể nhìn thấy của mô-đun. Nếu màu nền không được bật, nền mô-đun sẽ trở nên trong suốt và phần tô thừa bị xóa.
Màu nền
Bạn có thể làm cho ô chữ khắc của mình có màu bạn muốn bằng công cụ chọn màu. Chọn cùng màu với nền của phần để tạo ra hiệu ứng chiều rộng hoặc 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ễ dàng nhận biết. Khi bạn sử dụng dạng xem 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 tạo kiểu cho mô-đun, chẳng hạn như phông chữ, màu sắc, định cỡ và khoảng cách. Đây là tab bạn sẽ sử dụng để thay đổi giao diện của mô-đun của mình. Mỗi mô-đun Divi có một danh sách dài các cài đặt thiết kế mà bạn có thể sử dụng để thay đổi bất kỳ điều gì.
Màu nền của trường biểu mẫu
Le hình thức email optin chứa hai trường nhập tên người dùng và mật khẩu. Bạn có thể sử dụng cài đặt 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 đầu vào cho tên người dùng và mật khẩu. Bạn có thể sử dụng cài đặt 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 văn bản để đảm bảo mối quan hệ màu trơn.
Màu nền
Khi một trường nhập được lấy tiêu điểm bằng chuột của khách truy cập, màu sắc sẽ thay đổi để chỉ rõ trường nào đang hoạt động. Tại đây bạn có thể xác định màu nền của các trường được lấy tiêu điểm.
Màu văn bản được lấy nét
Khi một trường nhập được lấy tiêu điểm bằng chuột của khách truy cập, màu sắc sẽ thay đổi để chỉ rõ trường nào đang hoạt động. Tại đây bạn có thể xác định màu văn bản của các trường được lấy tiêu điểm.
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 nằm 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 liệu tập trung.
Màu văn bản
Nếu màu nền tối, màu văn bản phải được đặt thành “Sáng”. Tuy nhiên, nếu màu nền là màu sáng, thì màu văn bản phải được đặt thành “Tối”.
Định hướng văn bản
Menu thả xuống này cho phép bạn chỉ định hướng văn bản của bạn là căn trái, căn giữa hoặc căn phải.
Phông chữ đầu trang
Bạn có thể thay đổi phông chữ của văn bản tiêu đề của mình bằng cách chọn phông chữ mong muốn từ menu thả xuống. Divi đi kèm với hàng chục phông chữ tuyệt vời do Google Fonts cung cấp. 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, viết hoa và gạch chân.
Kích thước phông chữ tiêu đề
Tại đây bạn có thể điều chỉnh kích thước của văn bản tiêu đề của mình. 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 của mình hoặc nhập trực tiếp giá trị kích thước văn bản mong muốn vào trường nhập ở bên phải thanh trượt. Các trường đầ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ị kích thước của bạn để thay đổi loại đơn vị của nó.
Màu văn bản tiêu đề
Theo mặc định, tất cả các màu văn bản trong Divi đều có 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 từ bộ chọn màu bằng cách sử dụng tùy chọn này.
Khoảng cách giữa các chữ cái tiêu đề
Khoảng cách giữa các chữ cái ảnh hưởng đến khoảng cách 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 đề của mình, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn vào trường nhập ở bên phải thanh trượt. Các trường đầ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ị kích thước của bạn để thay đổi loại đơn vị của nó.
Chiều cao hàng tiêu đề
Chiều cao hàng ảnh hưởng đến khoảng cách giữa mỗi hàng trong văn bản tiêu đề của bạn. Nếu bạn muốn tăng khoảng cách giữa mỗi hàng, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn trong trường nhập ở bên phải của con trỏ. Các trường đầ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ị 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ữ nội dung của mình bằng cách chọn phông chữ mong muốn từ menu thả xuống. Divi đi kèm với hàng chục phông chữ tuyệt vời do Google Fonts cung cấp. 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, viết hoa và gạch chân.
Kích thước phông chữ cơ thể
Tại đây bạn có thể điều chỉnh kích thước văn bản nội dung của mình. 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 của mình hoặc nhập trực tiếp giá trị của kích thước văn bản mong muốn vào trường nhập ở bên phải thanh trượt. Các trường đầ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ị 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 trong Divi đều có màu trắng hoặc xám đậm. Nếu bạn muốn thay đổi màu văn bản của mình, hãy chọn màu mong muốn từ 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 cách 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 của mình, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn vào trường nhập ở bên phải thanh trượt. Các trường đầ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ị 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 khoảng cách giữa mỗi dòng văn bản trong nội dung của bạn 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 cách hoặc nhập kích thước khoảng cách mong muốn của bạn vào trường nhập nằm ở bên phải của con trỏ. Các trường đầ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ị kích thước của bạn để thay đổi loại đơn vị của nó.
Sử dụng đường viền
Bật tùy chọn này sẽ đặt mộ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ách sử dụng các tham số đ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ột màu tùy chỉnh từ bộ chọn màu để áp dụng nó cho đường viền của bạn.
Chiều rộng của đường viền
Theo mặc định, các đường viền có chiều rộng 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 từ "px" thành một cái gì đó khác như em, vh, vw, v.v.
Kiểu đường viền
Các đường viền hỗ trợ tám kiểu khác nhau: đặc, chấm, chấm, kép, rãnh, rãnh, lớp phủ và bắt đầu. Chọn kiểu mong muốn của bạn từ menu 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 bên trên, bên dưới hoặc bên trái và bên phải của nó. Bạn có thể thêm các giá trị lề tùy chỉnh vào bất kỳ cạnh nào trong bốn cạnh của mô-đun. Để loại bỏ lề tùy chỉnh, hãy xóa giá trị gia tăng khỏi trường nhập. Theo mặc định, các giá trị này được đo bằng pixel, nhưng bạn có thể nhập các đơn vị đo lường tùy chỉnh vào các trường đầu vào.
Đệm tùy chỉnh
Infill là không gian được thêm vào bên trong mô-đun của bạn, giữa cạnh của mô-đun và các phần tử bên trong của nó. Bạn có thể thêm các giá trị đệm tùy chỉnh vào bất kỳ mặt nào trong bốn mặt của mô-đun. Để loại bỏ lề tùy chỉnh, hãy xóa giá trị gia tăng khỏi trường nhập. Theo mặc định, các giá trị này được đo bằng pixel, nhưng bạn có thể nhập các đơn vị đo lường tùy chỉnh vào các trường đầu vào.
Sử dụng các 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 nút khác nhau mà bạn có thể sử dụng để thay đổi giao diện của nút mô-đun của mình.
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 điều chỉnh khi kích thước 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 sử dụng màu nhấn của chủ đề của bạn như được xác định trong Công cụ tùy chỉnh 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 của 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 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 từ bộ chọn màu.
Nút chiều rộng đường viền
Tất cả các nút Divi có đường viền 2px theo mặc định. Đường viền này có thể được tăng hoặc giảm bằng cách sử dụng cài đặt này. Có thể xóa đường viền bằng cách nhập giá trị 0.
Màu đường viền nút
Theo mặc định, các đường viền nút sử dụng màu nhấn của chủ đề của bạn như được xác định trong Công cụ tùy chỉnh chủ đề. Tùy chọn này cho phép bạn gán màu đường viền tùy chỉnh cho nút của 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 đường viền ả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 3 pixel. Bạn có thể giảm giá trị này xuống 0 để tạo nút 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 cách 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 nút của mình, hãy sử dụng thanh trượt phạm vi để điều chỉnh khoảng cách hoặc nhập kích thước khoảng cách mong muốn vào trường nhập ở bên phải thanh trượt. Các trường đầ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ị kích thước của bạn để thay đổi loại đơn vị của nó.
Phông chữ nút
Bạn có thể thay đổi phông chữ của văn bản nút của mình 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ữ tuyệt vời được cung cấp 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, viết hoa và gạch chân.
Thêm một biểu tượng nút
Bị vô hiệu hóa, 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ẽ sử dụng trong nút của mình. Divi có các biểu tượng khác nhau để bạn lựa chọn.
Nút biểu tượng màu
Điều chỉnh 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 biểu tượng giống với màu văn bản nút của bạn, nhưng cài đặt này cho phép bạn điều chỉnh màu độc lập.
Nút vị trí biểu tượng
Bạn có thể chọn hiển thị biểu tượng của nút ở 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 di chuột qua nút
Theo mặc định, các biểu tượng nút chỉ được hiển thị khi di chuột. 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 con chuột của khách truy cập di chuột qua nút, màu này sẽ được sử dụng. Màu sẽ thay đổi so với màu cơ bản được xác định trong cài đặt trước đó.
Màu nền của nút trên chuột
Khi con chuột của khách truy cập di chuột qua nút, màu này sẽ được sử dụng. Màu sẽ thay đổi so với màu cơ bản được xác định trong cài đặt trước đó.
Nút viền màu di chuột
Khi con chuột của khách truy cập di chuột qua nút, màu này sẽ được sử dụng. Màu sẽ thay đổi so với màu cơ bản được xác định trong cài đặt trước đó.
Nút bán kính biên giới di chuột
Khi chuột của khách truy cập di chuột qua, giá trị này sẽ được sử dụng. Giá trị sẽ thay đổi so với giá trị cơ bản được xác định trong cài đặt trước đó.
Nút trỏ khoảng cách ghi chú
Khi chuột của khách truy cập di chuột qua, giá trị này sẽ được sử dụng. Giá trị sẽ thay đổi so với giá trị cơ bản được xác định trong cài đặt trước đó.
Tùy chọn nâng cao qua email
Trên 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. Tại đây, bạn có thể áp dụng CSS tùy chỉnh cho bất kỳ phần tử nào trong số nhiều phần tử của mô-đun. Bạn cũng có thể áp dụng các lớp CSS và ID tùy chỉnh 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.
ID CSS
Nhập một ID CSS tùy chọn để sử dụng cho mô-đun này. ID có thể được sử dụng để tạo kiểu CSS tùy chỉnh hoặc để 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 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 biểu định kiểu CSS tùy chỉnh mà bạn thêm vào trang của mình hoặc vào trang web của bạn bằng cách sử dụng tùy chọn chủ đề Divi hoặc cá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à bất kỳ nội dung nào của mô-đun. Trong phần CSS tùy chỉnh, bạn sẽ tìm thấy một trường văn bản nơi bạn có thể thêm các biểu định kiểu CSS tùy chỉnh trực tiếp vào từng phần tử. Các mục nhập CSS trong các cài đặt này đã được bao bọc 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 trên đó. Bạn có thể chọn tắt từng 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 hữu ích nếu bạn muốn sử dụng các mod 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ỏ một số yếu tố nhất định khỏi trang.
Các hướng dẫn khác về Divi Theme WordPress
- 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
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expand "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 TRANG CHỦ [/ vcex_button] [/ width_column] [»vc_column] »1/2 ″] [vcex_button url =" https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials "target =" blank "layout =" expand "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 DIVI [/ vcex_button] [/ vc_column] [/ vc_row]