Mô-đun Wallet đầy đủ băng thông của Chủ đề Divi, hoạt động giống như mô-đun Danh mục đầu tư bình thường, ngoại trừ nó hiển thị dự án của bạn ở chế độ Fullwdth đẹp mắt. Nó cũng đi kèm với một số cấu hình mới độc đáo: Lưới và Băng chuyền. Mô-đun hoạt động bằng cách hiển thị danh sách các dự án gần đây nhất của bạn và có thể được sử dụng bởi các nhà thiết kế và nghệ sĩ muốn hiển thị thư viện tác phẩm gần đây nhất của họ.
Cách thêm mô-đun Toàn bộ danh mục đầu tư vào trang của bạn
Trước khi bạn có thể thêm mô-đun danh mục đầu tư đầy đủ 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ài đặt trên của bạn Website, bạn sẽ nhận 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 qua Website ở phía trước nếu bạn đã đăng nhập vào bảng điều khiển WordPress của mình.
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 ví có thể lọc 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ừ "danh mục đầu tư có thể lọc" và sau đó nhấp vào "Enter" để tự động tìm và thêm mô-đun danh mục đầu tư có thể lọc. 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 mẫu: Thêm mô-đun danh mục đầu tư có thể lọc vào trang danh mục đầu tư
Trong ví dụ này, tôi sẽ chỉ cho bạn cách trình bày danh mục đầu tư trên trang danh mục đầu tư bao gồm toàn bộ chiều rộng của trang.
Chúng ta hãy bắt đầu.
Sử dụng trình tạo trực quan để thêm phần Fullwidth bên dưới tiêu đề trang. Sau đó, thêm một mô-đun danh mục đầu tư có thể lọc.
Cập nhật cài đặt danh mục đầu tư có thể lọc như sau:
Tùy chọn nội dung
Số tin nhắn: 8 Phân trang màn hình: KHÔNG
Tùy chọn thiết kế
Bố cục: Lưới Thu phóng Màu biểu tượng: # 000000 Màu của Lớp phủ Di chuột: #ffffff Phông chữ Tiêu đề: Mặc định, In đậm, Tất cả Caps Tiêu đề Kích thước phông chữ: 14px Giãn cách Chữ cái Tiêu đề: 1px Kích thước Phông chữ Meta: 12px Khoảng cách Meta chữ cái: 1px
Đó là tất cả!
Tùy chọn nội dung mô-đun danh mục đầu 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.
Danh hiệu đầu tư
Nhập một tiêu đề được hiển thị trên danh mục đầu tư hoặc để trống để bạn không sử dụng một tiêu đề.
Bao gồm danh mục
Chọn các danh mục bạn muốn hiển thị. Các dự án từ các danh mục không được chọn sẽ không xuất hiện trong danh sách các dự án.
Số lượng tin nhắn
Kiểm soát số lượng dự án hiển thị Để trống hoặc sử dụng số 0 để không giới hạn số lượng.
Hiển thị tiêu đề
Chọn có hiển thị tiêu đề của từng dự án hay không khi bạn di chuột qua mục dự án.
Hiển thị ngày
Chọn có hay không ngày xuất bản cho từng dự án khi bạn di chuột qua mục dự án.
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.
Hình nền
Nếu được đặt, hình ảnh này sẽ được sử dụng làm nền cho mô-đun này. Để xóa hình nền, chỉ cần xóa URL khỏi trường cài đặt. Hình nền sẽ xuất hiện trên màu nền, có nghĩa là màu nền sẽ không hiển thị khi áp dụng hình nề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.
Tùy chọn thiết kế ví rộng toàn bộ
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ì.
Bố trí
Chọn bố cục bạn muốn sử dụng. “Grid” sẽ hiển thị tất cả các mục của bạn trong một bố cục nhiều cột, nhiều hàng. Băng chuyền hiển thị các mục của bạn trong một hàng hình ảnh lát gạch trượt để hiển thị các mục bổ sung trong danh sách.
Biểu tượng màu phóng to
Khi bạn di chuột qua một mục trong mô-đun danh mục đầu tư, biểu tượng lớp phủ sẽ xuất hiện. Bạn có thể điều chỉnh màu được sử dụng từ biểu tượng này bằng công cụ chọn màu trong cài đặt này.
Lớp phủ màu di chuột
Khi bạn di chuột qua một mục trong mô-đun danh mục đầu tư, màu lớp phủ sẽ xuất hiện ở đầu hình ảnh và bên dưới văn bản và biểu tượng tiêu đề danh mục đầu tư. Theo mặc định, màu trắng nửa trong suốt được sử dụng. Nếu bạn muốn sử dụng màu khác, bạn có thể điều chỉnh màu bằng công cụ chọn màu trong cài đặt này
Công cụ chọn biểu tượng di chuột
Tại đây, bạn có thể chọn biểu tượng tùy chỉnh để hiển thị khi khách truy cập di chuột qua các mục danh mục đầu tư trong mô-đun.
Màu văn bản
Ở đây bạn có thể chọn xem văn bản của bạn nên sáng hay tối.
Phông chữ tiê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ị 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 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 văn bản của 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 của các chữ cái đầ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 của dòng tiêu đề
Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dò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 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 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ữ meta
Bạn có thể thay đổi phông chữ của văn bản meta 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 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ữ Metas
Tại đây, bạn có thể điều chỉnh kích thước của siêu văn bản 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 meta
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 siê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.
Giãn cách Meta Letter
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 siêu 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 dòng Meta
Chiều cao hàng ảnh hưởng đến khoảng cách giữa mỗi hàng trong siêu văn bản 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 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.
Tùy chọn danh mục đầu tư nâng cao Toàn băng thông
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 hoặc trang web của mình. Website 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à 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.
Băng chuyền tự động
Nếu tùy chọn bố cục băng chuyền được chọn và bạn muốn băng chuyền tự động trượt mà khách truy cập không phải nhấp vào nút tiếp theo, hãy bật tùy chọn đó và điều chỉnh tốc độ quay bên dưới nếu muốn.
Tốc độ băng chuyền tự động
Tại đây, bạn có thể cho biết tốc độ quay của băng chuyền, nếu tùy chọn "Tự động xoay băng chuyền" được kích hoạt ở trên. Số càng cao thì thời gian tạm dừng giữa mỗi lần quay càng lâu. (Ví dụ: 1000 = 1 giâ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.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” 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 CHỦ ĐỀ DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” 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 TEMPLATES 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
Bonjour,
Tôi quản lý để có ví có thể lọc hoặc ví có chiều rộng đầy đủ nhưng chiều rộng đầy đủ không thể lọc được.
Tôi muốn có thể thêm tiêu đề của dự án liên quan vào hình ảnh danh mục đầu tư có thể lọc của mình, như trường hợp của danh mục đầu tư “cổ điển”. Bạn có biết làm thế nào để làm điều đó ?
Hello!
Tôi vừa truy cập Divi và tôi vấp phải con đường tạo trang "Quảng cáo" trong đó quảng cáo mới của tôi sẽ xuất hiện trong hình thu nhỏ / hình chữ nhỏ cạnh nhau như trên các trang web đại lý bất động sản. Để biết thông tin, tôi đã tạo trang QUẢNG CÁO của mình và một vài bài báo (một bài viết cho quảng cáo) mà tôi liên kết với danh mục QUẢNG CÁO…. nhưng chúng xuất hiện ở định dạng lớn. Tôi hy vọng đã giải thích tốt cho mình trong vấn đề của tôi! Trong khi chờ đợi sự góp ý của bạn, tôi cảm ơn bạn trước những lời giải thích và lời khuyên của bạn! Chúc ngủ ngon !! Trân trọng - Jerome
Xin chào, nếu bạn đang sử dụng mô-đun blog, bạn sẽ cần thêm CSS cụ thể áp dụng cho mô-đun này. Thật không may, khuôn này không cung cấp nhiều tùy chọn tùy chỉnh.
Bonjour,
Cảm ơn bạn cho bài viết rất đầy đủ của bạn.
Tôi quản lý để hiển thị porftolio có chiều rộng đầy đủ hoặc danh mục đầu tư có thể lọc nhưng với lợi nhuận lớn xung quanh nó.
Bạn có biết liệu divi có cho phép bạn hiển thị danh mục đầu tư có chiều rộng đầy đủ có thể lọc không?
Hoặc để hiển thị một danh mục đầu tư có thể lọc mà không có lợi nhuận quan trọng?
Merci
Xin chào Delphine,
Tôi chưa bao giờ thử nghiệm nhưng sẽ liên hệ lại với bạn nếu tôi có câu trả lời.
Xin chào, tôi rất thích bài viết của bạn nhưng khi tôi cố gắng tạo lại kiểu bố cục này, tôi có khoảng cách lớn giữa các hình ảnh của mình. Tôi muốn có những hình ảnh được nối như trong ví dụ của bạn. Làm thế nào để cấu hình mô-đun này?
Cảm ơn bạn!
Xin chào Valerie,
Bạn đã thử tắt tất cả các plugin chỉ để xem màn hình có cải thiện không?