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

Làm thế nào để tùy chỉnh kiểu chữ và bố trí trên Divi

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

Để bắt đầu tùy chỉnh bố cục và kiểu chữ cho trang web của bạn, trước tiên bạn phải truy cập Công cụ tùy chỉnh chủ đề bằng cách nhấp vào liên kết Divi> Công cụ tùy chỉnh chủ đề trên bảng điều khiển WordPress của bạn. Thao tác này sẽ khởi chạy tùy biến. Sau đó tìm bảng "Cài đặt chung". Nhấp vào bảng điều khiển để mở cài đặt thích hợp và bắt đầu tùy chỉnh. Trong bảng “Cài đặt chung”, bạn sẽ thấy ba phần: Cài đặt bố cục, Kiểu chữ và Nền.

thông số chung divi.png

Cài đặt bố cục

Bảng điều khiển bố cục cho phép bạn điều chỉnh các tùy chọn kích thước và khoảng cách khác nhau cho trang web của mình. Tại đây, bạn có thể tăng hoặc giảm khoảng cách giữa các cột, hàng và phần và điều chỉnh kích thước của thanh bên. Bạn cũng có thể kích hoạt chế độ “Bố cục đóng hộp” từ bảng điều khiển này.

layout.png

Cho phép bố trí lồng nhau

Tại đây, bạn có thể chỉnh sửa trang web của mình thành định dạng hộp để đóng khung nội dung của trang web của bạn và hiển thị nền có thể được tùy chỉnh.

Chiều rộng nội dung của trang web

Đây là nơi bạn có thể đặt chiều rộng tối đa cho phần nội dung của mình. Vì nội dung của bạn nằm trên bố cục đáp ứng, nó sẽ điều chỉnh thành kích thước nhỏ hơn nhưng sẽ không mở rộng hơn chiều rộng tối đa được đặt ở đây.
Mặc định là 1080px. Đó là chiều rộng tốt cho hầu hết các máy tính xách tay và máy tính để bàn tiêu chuẩn.

Khoảng cách cột trên trang web

Chiều rộng của máng xối là lượng không gian ngang (lề) giữa các cột trong mỗi hàng.

Các giá trị tùy chọn cho chiều rộng máng xối nằm giữa 1 và 4.

1 đại diện cho lề không giữa các cột.
2 đại diện cho một lề của 3% giữa các cột.
3 đại diện cho một lề của 5,5% giữa các cột.
4 đại diện cho một lề của 8% giữa các cộ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í]

Cấu hình divi.png

Sử dụng chiều rộng thanh bên tùy chỉnh

Điều này đặt chiều rộng thanh bên mặc định cho chủ đề của bạn. Điều này áp dụng cho tất cả các trang trong chủ đề của bạn có thanh bên và không được tạo bằng Divi Builder.

Chiều cao của phần & dòng

Các tùy chọn này điều chỉnh lượng khoảng cách theo chiều dọc (phần đệm trên và dưới) cho mỗi phần và hàng.

Màu nhấn chủ đề

Trước khi bắt đầu thay đổi màu của các phần tử khác, bạn cần thay đổi màu đó trước. Sau khi bạn thay đổi nó, hãy lưu và xuất bản cài đặt cũng như làm mới trang của bạn. Bây giờ chủ đề Accent Color được cập nhật sẽ tự động điền các phần tử khác.

typography

Bảng Kiểu chữ là nơi bạn có thể điều chỉnh giao diện mặc định của văn bản trên toàn bộ trang web của mình. Bạn có thể điều chỉnh kích thước phông chữ và tiêu đề của mình, sẽ được phản ánh tương ứng trong tất cả các khu vực của trang web. Bạn có thể điều chỉnh màu sắc của chúng cũng như chiều cao dòng, khoảng cách giữa các chữ cái và kiểu phông chữ. Cuối cùng, bạn cũng có thể chọn từ hàng chục phông chữ để áp dụng cho mỗi phông chữ.

typography trên divi.png

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 văn bản nội dung

Điều này thay đổi văn bản nội dung mặc định cho chủ đề của bạn. Kích thước mặc định là 14px.

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

Chiều cao dòng của mỗi dòng văn bản.

Kích thước văn bản tiêu đề

Divi cho phép bạn đặt kích thước văn bản mặc định cho tiêu đề của bạn tại đây. Điều này ảnh hưởng đến các phần tử Divi như tiêu đề mô-đun tiêu đề Fullwidth.

Khoảng trắng đầu đề thư

Khoảng cách giữa các chữ cái điều chỉnh khoảng cách ngang giữa các chữ cái. Giá trị khoảng cách chữ cái đầu trang ảnh hưởng đến tất cả các mức tiêu đề (h1, h2, h3, h4, h5, h6), dấu ngoặc kép và tiêu đề trang trình bày.

Chiều cao hàng tiêu đề

Cũng giống như giá trị khoảng cách chữ cái, giá trị chiều cao của hàng tiêu đề ảnh hưởng đến tất cả các cấp tiêu đề (h1, h2, h3, h4, h5, h6), dấu ngoặc kép và tiêu đề trong số các trang trình bày.

Phong cách cảnh sát

Sử dụng các tùy chọn này để thay đổi kiểu phông chữ của tiêu đề của bạn.

Phông chữ nội dung và tiêu đề

Phông chữ mặc định trong Divi là Open Sans, nhưng Divi có gần một trăm phông chữ để bạn lựa chọn! Tận dụng các phông chữ tích hợp này và kiểm tra xem phông chữ nào phù hợp nhất với chủ đề của bạn.

Màu sắc của các liên kết cơ thể

Màu của liên kết nội dung được kế thừa từ màu nhấn của chủ đề của bạn. Nhưng bạn luôn có thể thay đổi nó ở đây.

Màu văn bản nội dung

Ở đây bạn có thể thay đổi màu sắc của văn bản nội dung của 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àu văn bản tiêu đề

Ở đây bạn có thể thay đổi màu sắc của tiêu đề của bạn.

Nền

Bảng nền cho phép bạn điều chỉnh màu nền của chủ đề, cũng như tải lên hình nền tùy chỉnh và điều chỉnh vị trí của nó trên trang. Hình nền và màu sắc hoạt động tốt khi được ghép nối với cài đặt Định dạng đóng hộp trong bảng Bố cục được đề cập trước đó.

do divi.png

Đó là nó cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn điều chỉnh phông chữ và bố cục của chủ đề Divi tốt hơn.

Hướng dẫn Divi khác

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

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