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

Divi hướng dẫn: Cách sử dụng mô-đun menu toàn màn hình

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 701.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 Menu Toàn màn hình trên Divi giúp bạn dễ dàng thêm các tiêu đề nhiều màu sắc đẹp mắt vào đầu các trang của mình (hoặc bất kỳ đâu trên trang web của bạn, nếu bạn muốn). Các mô-đun này chỉ có thể được đặt trong các phần có chiều rộng đầy đủ.

full header header module divi.png

Cách thêm mô-đun Menu toàn màn hình Divi

Trước khi bạn có thể thêm mô-đun Menu toàn màn hình vào trang của mình, trước tiên bạn phải chuyển sang Divi Builder. 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.

sử dụng divi builder

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 Menu Toàn màn hình mới chỉ có thể được thêm vào bên trong các phần toàn màn hình. Nếu bạn đang bắt đầu một trang mới, trước tiên đừng quên thêm phần full width vào trang của bạn.

full menu divi.png

Tìm mô-đun tiêu đề toàn màn hình 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ừ "tiêu đề toàn màn hình" và sau đó nhấp vào "Enter" để tự động tìm và thêm mô-đun tiêu đề toàn màn hình! 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 .

Ví dụ về trường hợp sử dụng: Thêm tiêu đề toàn màn hình vào trang Giới thiệu

Đối với ví dụ này, tôi sẽ chỉ cho bạn cách sử dụng mô-đun tiêu đề Fullwidth để thêm tiêu đề với văn bản tùy chỉnh và hình nền.

Tất cả các mô-đun toàn màn hình chỉ khả dụng khi sử dụng các phần toàn màn hình. Sử dụng Visual Builder, chèn một phần toàn màn hình mới. Sau đó, thêm một mô-đun Người vào phần.

Cập nhật cài đặt tiêu đề toàn màn hình như sau:

Tùy chọn nội dung

Tiêu đề: Giới thiệu về chúng tôi Văn bản phụ đề: Chúng tôi làm những điều khác biệt ... URL hình nền: [chèn hình ảnh 1920 x 800] Nền lớp phủ Màu: rgba (0,0,0,0.2 , XNUMX)

Tùy chọn thiết kế

Hướng văn bản và logo: Nút giữa Cuộn xuống Nút: CÓ Biểu tượng: [chọn biểu tượng] Biểu tượng cuộn xuống Màu: # fcbf00 Biểu tượng cuộn: 50px Màu văn bản: Sáng Màu văn bản: # fcbf00 Phông chữ Tiêu đề: Mở Không có, in đậm, viết hoa Tiêu đề Kích thước phông chữ: 60px (máy tính để bàn), 40px (máy tính bảng), 30px (điện thoại) Phụ đề Kích thước phông chữ: 25px

Tùy chọn nâng cao (CSS tùy chỉnh)

Yếu tố chính:
bọc: 100px 0;

phần nội dung divi module full screen.png

Đó là tất cả!

tiêu đề ví dụ divi.jpg

Tùy chọn nội dung tiêu đề toàn màn hình

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.

phần nội dung divi.png

Tiêu đề

Nhập tiêu đề trang của bạn tại đây.

Văn bản phụ đề

Nếu bạn muốn sử dụng phụ đề, hãy thêm nó vào đây. Chú thích của bạn sẽ xuất hiện bên dưới tiêu đề của bạn bằng một phông chữ nhỏ.

Nút # 1 văn bản

Nhập văn bản cho nút.

Nút # 2 văn bản

Nhập văn bản cho nút.

Nội dung

Tại đây bạn có thể xác định nội dung sẽ được đặt dưới tiêu đề và văn bản tiêu đề.

Nút URL 1

Nhập URL của nút.

Nút URL 2

Nhập URL của nút.

Url hình ảnh biểu trưng

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 xem.

URL hình ảnh tiêu đề

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 xem.

Url 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.

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.

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

Màu lớp phủ nền

Chọn màu lớp phủ nền, màu này sẽ được đặt phía trên hình nền. Hình ảnh lớp phủ bán trong suốt có thể tạo ra một số hiệu ứng thú vị khi được đặt trên đầu hình ả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.

Các tùy chọn thiết kế tiêu đề toàn băng thông

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ì.

phần thiết kế module full width divi.png

Định hướng Văn bản & Biểu trưng

Điều này kiểm soát cách văn bản của bạn được căn chỉnh trong mô-đun.

Làm toàn màn hình

Tại đây bạn có thể chọn xem tiêu đề có được mở rộng thành kích thước toàn màn hình hay không.

Sử dụng hiệu ứng thị sai

Nếu được bật, hình nền của bạn sẽ có vị trí cố định giống như cuộn của bạn, tạo hiệu ứng thị sai vui nhộn.

Phương pháp thị sai

Xác định phương thức, được sử dụng cho hiệu ứng thị sai.

Hiển thị nút cuộn xuống

Tại đây bạn có thể chọn xem nút cuộn xuống được hiển thị.

biểu tượng

Chọn một biểu tượng để hiển thị cho nút cuộn xuống.

Cuộn xuống biểu tượng màu

Theo mặc định, biểu tượng thả xuống kế thừa màu của văn bản tiêu đề của bạn (trắng hoặc xám). Bạn có thể thay đổi màu này bằng cách điều chỉnh màu trong tùy chọn này bằng công cụ chọn màu.

Cuộn xuống Kích thước biểu tượng

Sử dụng cài đặt này để tăng hoặc giảm kích thước của biểu tượng cuộn xuống xuất hiện ở cuối tiêu đề của bạn.

căn chỉnh divi mô-đun chiều rộng đầy đủ trong head.png

Căn chỉnh hình ảnh dọc

Điều này kiểm soát hướng của hình ảnh trong mô-đun.

Màu văn bản

Tại đây bạn có thể chọn giá trị văn bản của mình. Nếu bạn đang làm việc trên nền tối, văn bản của bạn sẽ được bật. Nếu bạn đang làm việc với nền sáng, văn bản của bạn phải tối.

Căn chỉnh theo chiều dọc của văn bản

Cài đặt này xác định căn chỉnh theo chiều dọc của nội dung của bạn. Nội dung của bạn có thể được căn giữa theo chiều dọc hoặc căn ở dưới cùng.

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ó.

tiêu đề thiết kế sectio module ở đầu toàn màn hình divi.png

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ữ nội dung

Bạn có thể thay đổi phông chữ của văn bản nội dung 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.

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]

Kích thước phông chữ của nội dung

Tại đây bạn có thể điều chỉnh kích thước của 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ị 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 của văn bản nội dung, 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.

Chữ cái nội dung giãn cách

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ội dung 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 nội dung

Chiều cao dòng ảnh hưởng đến khoảng cách giữa mỗi dòng trong văn bản 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 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 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ị 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 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ó.

Chiều rộng văn bản tối đa

Sử dụng cài đặt này để giảm chiều rộng tối đa của văn bản trong mô-đun tiêu đề. Ví dụ: giá trị 50% sẽ đảm bảo rằng văn bản không bao giờ vượt quá 50% chiều rộng của mô-đun tiêu đề tổng thể.

phần thiết kế module divi head full width.png

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 nút di chuột (màu nút 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 đó.

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]

Nút Màu đường viền di chuột (màu đường viền 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 tiêu đề chiều rộng đầy đủ nâng 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.

tiêu đề mô-đun divi section advance.png

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.

Hướng dẫn Divi khác

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

Để 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
8 cổ phiếu
cổ phiếu3
tweet1
Enregistrer4