Việc tạo bảng giá cho các sản phẩm của bạn trực tuyến dễ dàng hơn bao giờ hết. Tạo bao nhiêu bảng tùy thích và kiểm soát giá cả và tính năng của từng bảng bằng mô-đun Bảng giá của theme WordPress Divi. Bạn thậm chí có thể đưa ra một kế hoạch cụ thể để tăng chuyển đổi. Ngay cả khi mô-đun của bạn bao gồm nhiều bảng định giá, nó sẽ được coi là một mô-đun và có thể được đặt dưới bất kỳ kích thước cột nào.
Cách thêm mô-đun Bảng giá vào trang của bạn
Trước khi bạn có thể thêm mô-đun Bảng định giá 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 Sử dụng Visual Builder 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 bảng giá trong danh sách 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ừ "bảng giá" và sau đó nhấp vào "nhập" để tự động tìm kiếm và thêm mô-đun bảng giá! 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: Thêm bảng giá cho trang sản phẩm
Khi bạn làm xúc tiến của các sản phẩm của bạn trên trang đích, bảng giá có thể giới thiệu các tùy chọn giá khác nhau của bạn một cách hiệu quả.
Trong ví dụ này, tôi sẽ thêm một mô-đun bảng định giá để hiển thị ba gói (hoặc bảng) định giá với một trong những gói đó nổi bật là gói nổi bật để tăng chuyển đổi.
Đầu tiên, hãy thêm một phần thông thường mới vào trang nơi các bảng định giá sẽ được hiển thị. Thêm hàng đầy đủ độ rộng (1 cột) vào phần và chèn mô-đun Bảng định giá vào hàng.
Trong cài đặt bảng định giá, trên tab Nội dung, hãy nhấp vào + Thêm một mục mới để thêm bảng đầu tiên của bạn.
Cập nhật các tham số của bảng giá như sau:
Tùy chọn nội dung
Tiêu đề: Đơn vị tiền tệ cá nhân: $ Theo: năm Giá: 69 Văn bản nút: Nội dung đăng ký:
Truy cập vào tất cả các chủ đề Cập nhật chủ đề vĩnh viễn Hỗ trợ kỹ thuật cao cấp -Truy cập vào tất cả các plugin -S mua sắm các tệp lớp phủ -Không phí hàng năm
URL nút: [nhập URL nút] Nền: #ffffff
Tùy chọn thiết kế
Màu văn bản giá: # 3e51b5 Sử dụng kiểu nút tùy chỉnh: CÓ Màu văn bản nút: #ffffff Màu nút: # 3e51b5 Chiều rộng nút: 0px
Lưu cài đặt
Bây giờ, nhân đôi bảng giá bạn vừa tạo hai lần để có tổng cộng ba bảng giá.
Đối với bảng giá trung bình, cập nhật các tùy chọn sau:
Tab nội dung
Tiêu đề: Nhà phát triển Giá: 89 Nội dung: Truy cập vào tất cả các chủ đề Cập nhật chủ đề vĩnh viễn Hỗ trợ kỹ thuật cao cấp Truy cập vào tất cả các tệp phân lớp Photoshop - không tính phí hàng năm URL nút: [nhập URL nút]
Tab thiết kế
Màu chữ: # 0091ca Màu nút: # 0091ca
Đối với bảng giá thứ ba, cập nhật các cài đặt như sau:
Tab nội dung
Tiêu đề: Trọn đời Giá: 249 Văn bản nút: Đăng ký Nội dung: Truy cập vào tất cả các chủ đề Cập nhật chủ đề vĩnh viễn Hỗ trợ kỹ thuật cao cấp Quyền truy cập vào tất cả các plugin Tệp Photoshop nhiều lớp Không mất phí hàng năm URL nút: [nhập URL cái nút]
Lưu cài đặt
Bây giờ quay lại cài đặt bảng giá và cập nhật như sau:
Tùy chọn nội dung
Màu nền bảng nổi bật: #0091ca
Tùy chọn thiết kế
Màu bóng: # 3e51b5 Màu bảng nổi bật: # 0091ca
Lưu cài đặt
Bây giờ hãy quay lại và chỉnh sửa cài đặt phần để cung cấp cho phần màu nền của #3e51b5.
Đó là tất cả. Bây giờ bạn có một bảng giá với ba tùy chọn với tùy chọn ở giữa được đặt là mặt hàng đặc trưng nổi bật so với phần còn lại.
Tùy chọn nội dung cho bảng giá
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.
+ Thêm bài viết mới
Đây là nơi bạn thêm bảng giá mới vào mô-đun của mình. Nhấp vào "+ thêm mặt hàng mới" sẽ mở ra một danh sách hoàn toàn mới các tùy chọn thiết kế cụ thể cho bảng định giá đó. Xem bên dưới để biết cài đặt bảng giá riêng lẻ.
Sau khi thêm tab đầu tiên của bạn, một thanh màu xám sẽ xuất hiện với tiêu đề bảng định giá của bạn ở dạng nhãn. Thanh màu xám cũng có ba nút cho phép bạn chỉnh sửa, sao chép hoặc xóa bảng.
Hiển thị Bullet
Theo mặc định, các mục trong bảng định giá được hiển thị dưới dạng danh sách dấu đầu dòng. Nếu bạn muốn xóa dấu đầu dòng khỏi danh sách tính năng, bạn có thể tắt tùy chọn này.
Màu nền của bảng nổi bật
Mỗi bảng giá có thể được "trình bày". Các bảng nổi bật được đánh dấu trong hàng, giúp chúng khác biệt với các tùy chọn khác. Sử dụng cài đặt này, bạn chỉ có thể thay đổi màu nền cho các bảng nổi bật.
Màu nền của tiêu đề bảng
Phía trên mỗi bảng định giá là vùng tiêu đề bao gồm tiêu đề và tiêu đề phụ của bảng của bạn. Bạn có thể kiểm soát màu nền của khu vực này độc lập với màu nền của bảng chính bằng cách chọn màu mong muốn từ bộ chọn màu.
Tiêu đề bảng nổi bật
Mỗi bảng giá có thể được "đặc trưng". Các bảng nổi bật được đánh dấu trong hàng, giúp chúng khác biệt với các tùy chọn khác. Sử dụng cài đặt này, bạn chỉ có thể thay đổi màu nền của tiêu đề cho các bảng đã chọn.
Màu nền
Theo mặc định, bảng giá có màu nền trắng. Nếu bạn muốn sử dụng một màu khác cho nền bảng định giá của mình, bạn có thể đặt màu tùy chỉnh tại đây bằng cách sử dụng công cụ chọn màu.
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.
Tùy chọn thiết kế bảng giá
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 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ì.
sự liên kết
Theo mặc định, danh sách tính năng được căn trái trong bảng định giá. Nếu bạn muốn căn chỉnh chúng, bạn có thể kích hoạt tùy chọn này.
Xóa bóng đổ khỏi bảng nổi bật
Theo mặc định, các bảng định giá có một bóng mờ phía sau mỗi bảng. Nếu bạn muốn loại bỏ bóng này, bạn có thể bật tùy chọn này.
Các bài viết từ danh sách ở trung tâm
Ở đây bạn có thể chọn để tập trung vào các mục được liệt kê trong bảng của bạn.
Màu sắc của bóng
Theo mặc định, dấu đầu dòng trong danh sách bảng định giá sẽ kế thừa màu nhấn của chủ đề của bạn. Nếu bạn muốn sử dụng một màu khác, bạn có thể đặt nó ở đây bằng cách sử dụng công cụ chọn màu.
Màu sắc của bảng nổi bật
Nếu bạn muốn sử dụng một màu khác cho các dấu đầu dòng trong bảng định giá, bạn có thể đặt màu đó tại đây bằng cách sử dụng công cụ chọn màu.
Màu văn bản tiêu đề bảng nổi bật
Tùy chọn này kiểm soát màu của màu văn bản của tiêu đề bảng của bạn. Nếu bạn thay đổi màu nền của tiêu đề bảng, bạn cũng có thể thay đổi tùy chọn này để đảm bảo tính dễ đọc.
Phông chữ đầu
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ừ 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.
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 trên 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ó.
Màu của văn bản của bảng nổi bật
Thao tác này thay đổi màu văn bản nội dung cho bảng nổi bật của bạn. Nếu bạn thay đổi màu nền của bảng, bạn có thể cần thay đổi tùy chọn này để đảm bảo tính dễ đọc.
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 trên 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ó.
Màu văn bản của phụ đề bảng
Điều này thay đổi màu văn bản phụ đề cho bảng nổi bật của bạn. Nếu bạn thay đổi màu nền của bảng, bạn có thể cần thay đổi tùy chọn này để đảm bảo tính dễ đọc.
Phông chữ phụ đề
Bạn có thể thay đổi phông chữ của văn bản phụ đề 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.
Kích thước phông chữ phụ đề hoặc phụ đề
Tại đây bạn có thể điều chỉnh kích thước của văn bản tiêu đề phụ 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 của tiêu đề phụ
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 chú thích, 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ác chữ cái tiêu đề phụ
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 phụ đề 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 dòng tiêu đề phụ
Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng trong văn bản phụ đề 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 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ó.
Tiền tệ Tiền tệ và Tần suất
Bạn có thể thay đổi phông chữ và tần suất của đơn vị tiền tệ 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 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.
Tiền tệ Kích thước và tần suất tiền tệ
Tại đây, bạn có thể điều chỉnh kích thước tiền tệ và văn bản tần suất 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 sắc và tần suất văn bản tiền tệ
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 đơn vị tiền tệ và tần suất, 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 chữ cái và tiề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 vị tiền tệ và tần suất, 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ó.
Dòng tiền tệ tần số
Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng đơn vị tiền tệ và văn bản tần suất 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 vào trường ở bên phải 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ó.
Giá màu nổi bật
Điều này thay đổi màu sắc của giá cho bảng nổi bật của bạn. Nếu bạn thay đổi màu nền của bảng, bạn có thể cần thay đổi tùy chọn này để đảm bảo tính dễ đọc.
Cảnh sát giá
Bạn có thể thay đổi phông chữ của văn bản giá của mình bằng cách chọn phông chữ bạn muốn từ menu 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.
Cỡ chữ
Tại đây, bạn có thể điều chỉnh kích thước văn bản giá 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 giá
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 giá, 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 các chữ cái giá
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 giá 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 giá
Chiều cao hàng ảnh hưởng đến khoảng cách giữa mỗi hàng trong văn bản giá 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 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: rắn, chấm, kép, rãnh, đỉ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.
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.
Chiều rộng của đường viền nút
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 giữa các chữ cái của 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ó.
Cảnh sát Boutton
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 đều hiển thị biểu tượng mũi tên.
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.
Màu biểu tượng nút
Đ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.
Vị trí biểu tượng nút
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 ở phần đầu của nú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 thẻ giá cao
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 các tùy chọn chủ đề Divi hoặc cài đặt 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.
Tùy chọn nội dung của bảng giá cá nhân
Tiêu đề
Tiêu đề bạn chèn ở đây sẽ được sử dụng cho tùy chọn giá (Premium) này.
Subtitle
Phụ đề bạn chèn ở đây sẽ xuất hiện dưới tiêu đề của bạn.
Đưa ra
Nhập biểu tượng của loại tiền bạn muốn ở đây.
qua
Nếu giá của bạn dựa trên đăng ký, hãy nhập chu kỳ đăng ký tại đây (ví dụ: Năm).
Prix
Nhập giá trị sản phẩm tại đây.
Văn bản nút
Chỉ định văn bản của nút ở đây.
Nội dung
Trường này là nơi bạn có thể nhập danh sách các tính năng đi kèm hoặc không đi kèm với sản phẩm của mình. Tách từng mục danh sách trên một dòng mới và bắt đầu mỗi dòng bằng biểu tượng + hoặc -. A + chỉ định một tính năng được bao gồm, trong khi A - chỉ định một tính năng bị loại trừ.
URL nút
Ở cuối mỗi bảng, bạn có thể chèn nút Kêu gọi hành động bằng cách chèn một url web hợp lệ vào trường này. Để lại cái này và cái
trường văn bản nút trống nếu bạn không muốn có một nút trong bảng định giá của mình.
Màu nền
Xác định màu nền tùy chỉnh cho mô-đun của bạn hoặc để trống để sử dụng màu mặc định.
Tùy chọn thiết kế cho bảng giá cá nhân
Làm cho bảng này nổi bật
Chọn đưa bảng giá này về phía trước hoặc không bằng menu thả xuống này. Điều này sẽ cho phép bảng nổi bật so với phần còn lại.
Màu mặt hàng bị loại trừ
Đối với các mục trong danh sách của bạn đã được đặt là loại trừ bằng ký hiệu -, bạn có thể điều chỉnh màu của chúng bằng cách sử dụng cài đặt này. Ví dụ: bạn có thể muốn thay đổi màu thành màu đỏ hoặc giảm độ mờ của chúng để biểu thị một cách trực quan rằng các mục bị loại trừ khỏi gói hiện tạ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ó.
Phông chữ phụ đề
Bạn có thể thay đổi phông chữ của văn bản phụ đề 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.
Kích thước phông chữ phụ đề
Tại đây bạn có thể điều chỉnh kích thước của văn bản tiêu đề phụ 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 phụ đề
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 chú thích, 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 phụ đề
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 phụ đề 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 dòng phụ đề
Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng trong văn bản phụ đề 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 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ó.
Tiền tệ Tiền tệ và Tần suất
Bạn có thể thay đổi phông chữ và tần suất của đơn vị tiền tệ 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 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.
Cỡ chữ cho tiền tệ và tần suất
Tại đây, bạn có thể điều chỉnh kích thước tiền tệ và văn bản tần suất 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 cho tiền tệ và tần suất
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 đơn vị tiền tệ và tần suất, 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 chữ cái và tiề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 vị tiền tệ và tần suất, 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ó.
Tiền tệ và tần số
Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng đơn vị tiền tệ và văn bản tần suất 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 vào trường ở bên phải 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ó.
Chính sách giá
Bạn có thể thay đổi phông chữ của văn bản giá của mình bằng cách chọn phông chữ bạn muốn từ menu 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.
Cỡ chữ
Tại đây, bạn có thể điều chỉnh kích thước văn bản giá 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 giá
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 giá, 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 các chữ cái giá
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 giá 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 giá
Chiều cao hàng ảnh hưởng đến khoảng cách giữa mỗi hàng trong văn bản giá 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 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 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.
Chiều rộng của đường viền nút
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 vào 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.
Màu biểu tượng nút
Đ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.
Vị trí nút 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 ở phần đầu của nú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 ở cầu vượ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 viền ở cầu vượ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 đó.
Bán kính của đường viền của nút tại tổng quan
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 đó.
Khoảng cách của các chữ cái của nút trên cầu vượ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 đó.
Tùy chọn bảng giá cá nhân Tùy chọn nâng cao
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.
[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]
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
Bài báo tuyệt vời cho một mô-đun gần như hoàn chỉnh. Khả năng thêm giá bị gạch chéo sẽ không bị từ chối ...
Bonjour,
Cảm ơn bạn cho bài viết rất chính xác và chi tiết này. Tôi chưa quen với việc sử dụng trình tạo DIVI và tôi nhận thấy rằng sau khi tạo bảng biểu thuế với 3 cột, màn hình hiển thị cho thiết bị di động là một thảm họa (2 cột cực hẹp và một cột thứ ba trong hàng…).
Có cách nào (ngoài việc sao chép bảng và ẩn nó) để định cấu hình điều này như trên Bootstrap chẳng hạn (cho một cột có chiều rộng là 33% trên máy tính để bàn và 100% trên thiết bị di động)?
Merci pour Votre phụ tá.
Bonjour,
Tôi có thể có ảnh chụp màn hình của bản xem trước cũng như cấu hình Divi của bạn không?