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

Divi Tutorial: Cách sử dụng thanh trượt Divi Builder

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

Mô-đun "Thanh trượt của bài viết" hoặc Thanh trượt bài viết về chủ đề WordPress Divi cho phép bạn hiển thị, theo một cách riêng biệt, các bài viết bạn chọn trên trang chủ. Trên nhiều blog, loại mô-đun này thường được sử dụng để hiển thị các bài viết trong một. Nhưng bạn có thể sử dụng nó khác nhau và gửi đề xuất cho các bài viết chẳng hạn.

Cách thêm mô-đun trượt bài viết trên Divi Builder

Trước khi bạn có thể thêm mô-đun thanh trượt bài viết vào trang của mình, trước tiên bạn phải chuyển sang 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 bouton 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 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 đã 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.

cursor.png cursor

Xác định vị trí mô-đun "Đăng con trỏ" trong danh sách các mô-đun và nhấp vào mô-đun để 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 từ "Cuseurs de post", sau đó nhấp vào "Enter" để tự động tìm và thêm mô-đun Cuseurs de bài viết! 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 .

Ví dụ về trường hợp sử dụng: Đăng thanh trượt (bài viết) để hiển thị những cái gần đây

Trong ví dụ này, tôi sẽ thêm một con trỏ bài viết để trình bày ba bài viết gần đây nhất ở đầu trang blog. Mỗi slide hiển thị hình ảnh được chọn của ấn phẩm làm hình nền, tiêu đề bài viết và meta của bài viết, cũng như nút Đọc thêm.

ví dụ về blog divi.jpg

Sử dụng Visual Builder, thêm một phần tiêu chuẩn mới ở đầu trang blog với dòng toàn băng thông (cột 1). Sau đó chèn mô-đun Post Slider vào dòng mới của bạn.

tạo một cột divi.png mới

Trong Cài đặt con trỏ, cập nhật các tùy chọn sau:

Tùy chọn nội dung

Số tin nhắn: 3

Tùy chọn thiết kế

Phông chữ tiêu đề: Tiêu đề Roboto (Mũ) Kích thước phông chữ: 50px Tiêu đề Màu văn bản: # edef5d Khoảng cách chữ tiêu đề: 1px Kích thước phông chữ cơ thể: 16 Thân chữ-Không gian: 1px Chiều cao đường cơ thể: 1.4px , Kích thước phông chữ Uppercase Meta: 18px Meta Text Color: #cccccc Meta Line Chiều cao: 2em Sử dụng các kiểu tùy chỉnh cho nút: CÓ Kích thước văn bản: 26px Nút Màu văn bản: #edef5d Chiều rộng nút: 0px Biểu tượng:> Hiển thị chỉ biểu tượng

ví dụ về nút divi.jpg

Lưu cài đặt

Vậy là xong!

ví dụ về blog hoạt động divi.gif

Mô-đun trượt tùy chọn nội dung của bài viết

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.

tùy chọn nội dung curser divi module slider của articles.png

Số lượng bài viết (số bài viết)

Chọn số mục bạn muốn hiển thị trong thanh trượt.

Bao gồm danh mục

Chọn danh mục bạn muốn đưa vào thanh trượt.

Sắp xếp theo

Tại đây bạn có thể điều chỉnh thứ tự hiển thị các mục.

Văn bản nút

Xác định văn bản sẽ được hiển thị trên nút "Đọc thêm". để trống để mặc định (Đọc thêm)

Hiển thị nội dung

Xem toàn bộ nội dung sẽ không cắt ngắn các bài viết của bạn trong thanh trượt. Quan điểm của trích xuất chỉ hiển thị văn bản của trích xuất.

Sử dụng đoạn trích của bài viết nếu nó được xác định

Vô hiệu hóa tùy chọn này nếu bạn muốn bỏ qua các đoạn được xác định thủ công và vẫn tự động tạo nó.

Chiều dài trích xuất tự động

Đặt độ dài của đoạn mã được tạo tự động. Để trống cho mặc định (270)

Hiển thị mũi tên

Cài đặt này sẽ kích hoạt và hủy kích hoạt các mũi tên điều hướng.

Hiển thị điều khiển

Cài đặt này sẽ kích hoạt và vô hiệu hóa các nút tròn ở dưới cùng của con trỏ.

Hiển thị nút Đọc thêm

Cài đặt này sẽ bật và tắt nút Đọc thêm.

Hiển thị thông báo Meta

Cài đặt này sẽ kích hoạt và vô hiệu hóa phần meta.

Hiển thị hình ảnh nổi bật

Cài đặt này cho phép và vô hiệu hóa hình ảnh đã chọn trong thanh trượt.

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

Hình ảnh vị trí

Chọn cách bạn muốn hiển thị hình ảnh đã chọn trong các trang chiếu

Màu nền

Sử dụng công cụ chọn màu để chọn màu nền cho mô-đun này.

Hình nền

Tải lên hình ảnh mong muốn của bạn hoặc nhập URL của hình ảnh bạn muốn sử dụng làm nền cho thanh trượt.

Vị trí của hình nền

Chọn vị trí CSS của hình nền cho mỗi slide.

Kích thước của hình nền

Chọn kích thước khung CSS được sử dụng cho mỗi slide.

Nhãn quản trị viên

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

Tùy chọn thiết kế mô-đun trượt

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 cách. Đâ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 tham số thiết kế mà bạn có thể sử dụng để thay đổi bất cứ điều gì.

tùy chọn thiết kế divi articles.png

Xóa bóng bên trong

Điều này sẽ loại bỏ bóng nội bộ CSS được áp dụng cho tất cả các trang chiếu mặc định.

Sử dụng lớp phủ nền

Khi được bật, màu lớp phủ tùy chỉnh sẽ được thêm vào hình nền của bạn và đằng sau nội dung thanh trượt của bạn.

Màu lớp phủ nền

Sử dụng công cụ chọn màu để chọn màu cho nền.

Sử dụng lớp phủ văn bản

Khi tùy chọn này được bật, màu nền sẽ được thêm vào phía sau văn bản con trỏ để làm cho nó dễ đọc hơn trên ảnh nền.

Bán kính biên giới lớp phủ văn bản

Bán kính của đường viền ảnh hưởng đến làm tròn các góc của khu vực lớp phủ văn bản. Theo mặc định, các góc có cạnh pixel được làm tròn một chút. Bạn có thể giảm giá trị này xuống 3 để tạo một hộp hình chữ nhật hoặc tăng giá trị để làm cho các góc thậm chí tròn hơn.

Sử dụng hiệu ứng Parallax

Bật tùy chọn này sẽ cung cấp cho hình ảnh nền của bạn một vị trí cố định khi bạn cuộn.

Phương pháp thị sai

Tại đây bạn có thể định nghĩa phương thức được sử dụng cho hiệu ứng thị sai - CSS hoặc True Parallax.

Mũi tên màu tùy chỉnh

Khi di chuột qua mô-đun con trỏ, các mũi tên xuất hiện để cho phép khách truy cập điều hướng qua từng slide. Theo mặc định, các mũi tên này kế thừa màu của văn bản chính của slide. Tuy nhiên, bạn có thể đặt màu tùy chỉnh cho các mũi tên này bằng cài đặt này.

Màu tùy chỉnh Dot Nav

Trong mỗi thanh trượt, các mục điều hướng chấm xuất hiện bên dưới nội dung thanh trượt. Các yếu tố này cho phép người dùng điều hướng con trỏ. Bạn có thể xác định màu tùy chỉnh để sử dụng cho các mục này bằng cách sử dụng công cụ chọn màu trong cài đặt này.

Màu văn bản

Ở đây bạn có thể chọn xem văn bản của bạn là sáng hay tối. Nếu bạn có một slide với nền tối, hãy chọn một văn bản rõ ràng. Nếu bạn
Có một nền tảng rõ ràng, sử dụng văn bản tối.

Phông chữ

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ừ menu thả xuống. Divi đi kèm với hàng tá phông chữ lớn đượ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 của 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 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 của mình 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 vào bên phải của 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ị.

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 với màu trắng hoặc xám đen. 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 tùy chọn này.

Khoảng cách của tiêu đề thư

Khoảng cách củ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 trắng 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 trắng hoặc nhập kích thước khoảng cách mong muốn trong trường nhập vào bên phải của 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ị.

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

Chiều cao của dòng ảnh hưởng đến khoảng trắng giữa mỗi dòng của văn bản tiêu đề của bạn Nếu bạn muốn tăng khoảng trắng 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 nhập vào 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ị.

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ừ menu thả xuống. Divi đi kèm với hàng tá phông chữ lớn đượ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ữ cơ thể

Ở đây bạn có thể điều chỉnh kích thước của văn bản cơ thể 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 của mình 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 vào bên phải của 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ị.

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]

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 với màu trắng hoặc xám đen. 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 trong bộ chọn màu bằng tùy chọn này.

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

Khoảng cách củ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 trắng 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 trắng hoặc nhập kích thước khoảng cách mong muốn trong trường nhập vào 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ị.

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

Chiều cao của dòng ảnh hưởng đến khoảng trắng giữa mỗi dòng văn bản trong cơ thể của bạn Nếu bạn muốn tăng khoảng trắng 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 trường nhập liệu nằm 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ảnh sát Meta

Bạn có thể thay đổi phông chữ của văn bản meta 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ữ lớn đượ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ữ meta

Tại đây bạn có thể điều chỉnh kích thước của văn bản meta 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 của mình 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 vào bên phải của 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ị.

Màu văn bản meta

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

Giãn cách Meta Letter

Khoảng cách củ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 trắng giữa mỗi chữ cái của văn bản meta của mình, 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 vào bên phải của 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ị.

Chiều cao dòng Meta

Chiều cao của dòng ảnh hưởng đến khoảng trắng giữa mỗi dòng của văn bản meta của bạn Nếu bạn muốn tăng khoảng trắng 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 trường nhập liệu nằm 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ị.

Lớp đệm trên

Tham số này kiểm soát không gian bên trong giữa đỉnh của mô-đun và nội dung văn bản trong mô-đun. Nếu bạn muốn tăng hoặc giảm không gian này, hãy nhập giá trị mong muốn của bạn vào đây. Ví dụ: để giảm không gian và kích thước tổng thể của thanh trượt, bạn có thể nhập giá trị 100 px. Bạn cũng có thể nhập giá trị phần trăm, chẳng hạn như 10%, để làm cho chiều cao năng động hơn.

Đệm đáy

Cài đặt này kiểm soát không gian bên trong giữa dưới cùng của mô-đun và nội dung văn bản trong mô-đun. Nếu bạn muốn tăng hoặc giảm không gian này, hãy nhập giá trị mong muốn của bạn vào đây. Ví dụ: để giảm không gian và kích thước tổng thể của thanh trượt, bạn có thể nhập giá trị 100 px. Bạn cũng có thể nhập giá trị phần trăm, chẳng hạn như 10%, để làm cho chiều cao năng động hơn.

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

Bật tùy chọn này cho thấy 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 trên 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 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 thông qua 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 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 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.

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

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

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

Theo mặc định, viền nút thay đổi thành 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 đường 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 bộ chọn màu để thay đổi màu của 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 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 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 củ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 trắng 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 trắng hoặc nhập kích thước khoảng cách mong muốn trong trường nhập vào bên phải của 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ị.

Nút cảnh sá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ừ menu thả xuống. Divi đi kèm với hàng tá phông chữ lớn đượ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

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ử 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 với màu văn bản của các 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 di chuột

Theo mặc định, các biểu tượng nút chỉ được hiển thị trong khi cuộn 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 lướt qua bởi chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sẽ thay đổi từ 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 nút được lướt qua bởi chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sẽ thay đổi từ 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 nút được lướt qua bởi chuột của khách truy cập, màu đó sẽ được sử dụng. Màu sẽ thay đổi từ 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 nút được bay 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 bay 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 đó.

Tùy chọn nâng cao của Post Slider

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. Tại đây bạn có thể áp dụng CSS tùy chỉnh cho một trong nhiều yếu tố 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 bạ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]

mô-đun con trỏ

ID CSS

Nhập một định danh 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 để 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 kiểu CSS tùy chỉnh. Bạn có thể thêm nhiều lớp, cách nhau bởi một khoảng trắng. 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 hoặc trang web của mình bằng cách sử dụng 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à một trong các yếu tố bên trong của mô-đun. Trong phần Tùy chỉnh CSS bạn sẽ tìm thấy một trường văn bản nơi bạn có thể thêm tùy chỉnh CSS trực tiếp cho từng hạng mục. Các mục CSS trong các tham số này đã được 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.

Hoạt ảnh tự động

Nếu bạn muốn con trỏ tự động trượt, không có khách truy cập phải nhấp vào nút tiếp theo, hãy bật tùy chọn này, sau đó điều chỉnh tốc độ quay bên dưới nếu bạn muốn.

Tốc độ hoạt ảnh tự động (tính bằng ms)

Tại đây, bạn có thể chỉ định tốc độ con trỏ mờ dần giữa mỗi trang chiếu, nếu tùy chọn 'Hoạt hình tự động' được bật ở trên. Con số càng cao, thời gian tạm dừng giữa mỗi vòng quay càng dài.

Tiếp tục Tự động trượt trên Hover

Bật tính năng này sẽ cho phép tự động trượt để tiếp tục trên di chuột.

Ẩn nội dung trên thiết bị di động

Khi kích thước của màn hình trở nên nhỏ hơn trên thiết bị di động, bất động sản màn hình trở nên có giá trị hơn. Đôi khi, nên tắt một số yếu tố con trỏ ít quan trọng hơn để giảm kích thước của con trỏ và làm cho nó dễ đọc hơn. Bật cài đặt này sẽ ẩn nội dung của văn bản con trỏ trên thiết bị di động.

Ẩn CTA trên thiết bị di động

Khi kích thước của màn hình trở nên nhỏ hơn trên thiết bị di động, bất động sản màn hình trở nên có giá trị hơn. Đôi khi, nên tắt một số yếu tố con trỏ ít quan trọng hơn để giảm kích thước của con trỏ và làm cho nó dễ đọc hơn. Bật cài đặt này sẽ ẩn cuộc gọi con trỏ đến các nút hành động di động.

Xem hình ảnh / video di động

Khi kích thước của màn hình trở nên nhỏ hơn trên thiết bị di động, bất động sản màn hình trở nên có giá trị hơn. Đôi khi, nên tắt một số yếu tố con trỏ ít quan trọng hơn để giảm kích thước của con trỏ và làm cho nó dễ đọc hơn. Bật cài đặt này sẽ hiển thị hình ảnh và video trượt trên thiết bị di động (chúng bị tắt theo mặc định).

tắt

Tùy chọn này cho phép bạn điều khiển 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 riêng lẻ. Này rất hữu ích nếu bạn muốn sử dụng các module khác nhau trên các thiết bị khác nhau, hoặc muốn đơn giản hóa thiết kế điện thoại di động bằng cách loại bỏ các yếu tố trang nhất định.

Hướng dẫn Divi khác

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

  1. Cảm ơn bài viết. Có thể hiển thị một số bài viết cạnh nhau để làm cho một bài viết băng chuyền?
    cảm ơn bạn

Để 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
12 cổ phiếu
cổ phiếu6
tweet2
Enregistrer4