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

Để bắt đầu tùy chỉnh bố cục và kiểu chữ trang web của bạn, trước tiên bạn phải truy cập vào Theme Customizer bằng cách nhấp vào liên kết Divi> Tùy biến chủ đề trên bảng điều khiển WordPress của bạn. Điều này sẽ khởi chạy tùy biến. Sau đó, tìm bảng điều khiển "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 bố trí 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 bạn. Tại đây, bạn có thể tăng hoặc giảm khoảng cách giữa các cột, đường và phần và điều chỉnh kích thước của thanh bên. Bạn cũng có thể bật chế độ "Bố cục đóng hộp" từ bảng này.

layout.png

Bật bố cục lồng

Tại đây, bạn có thể chỉnh sửa trang web của mình thành định dạng hộp để khung nội dung 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ể thiết lập chiều rộng tối đa của phần nội dung của bạn. Vì nội dung của bạn có bố cục đáp ứng, nên nó sẽ điều chỉnh theo kích thước nhỏ hơn nhưng sẽ không mở rộng nhiều hơn chiều rộng tối đa được xác định tại đây.
Giá trị mặc định là 1080px. Đó là một 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 của mỗi dòng.

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 số không lề giữa các cột.
2 đại diện cho một biên độ của 3% giữa các cột.
3 đại diện cho một biên độ của 5,5% giữa các cột.
4 đại diện cho một biên độ 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ả giá đắ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 của 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ó một 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 dọc (điền trên và dưới) cho từng phần và đường kẻ.

Màu nhấn chủ đề

Trước khi bạn bắt đầu thay đổi màu của các phần tử khác, trước tiên bạn phải thay đổi màu đó. Khi bạn thay đổi, hãy lưu và xuất bản cài đặt của bạn và 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.

Bạn đang tìm kiếm các chủ đề và plugin WordPress tốt nhất?

Tải xuống các plugin và chủ đề WordPress tốt nhất từ ​​Envato và dễ dàng tạo trang web của bạn. Đã có hơn 49.720.000 lượt tải xuống. [ĐỘC QUYỀN]

typography

Bảng điều khiển Typography là nơi bạn có thể điều chỉnh giao diện văn bản mặc định 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, điều này sẽ được phản ánh trong tất cả các khu vực của trang web tương ứng. Bạn có thể điều chỉnh màu, chiều cao dòng, khoảng cách chữ và kiểu phông chữ của chúng. Cuối cùng, bạn cũng có thể chọn từ hàng tá phông chữ để áp dụng cho mỗi phông chữ.

typography trên divi.png

Kích thước văn bản nội dung

Điều này thay đổi nội dung của văn bản 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 của tiêu đề

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

Không gian thư của tiêu đề

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ị của khoảng cách chữ 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à các chức danh trượt.

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

Như với giá trị khoảng cách của chữ, tiêu đề dòng giá trị chiều cao ảnh hưởng đến tất cả các cấp tiêu đề (h1, h2, h3, h4, h5, h6), có dấu ngoặc kép và tiêu đề 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ữ tiêu đề và nội dung

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 phông chữ tốt nhất cho 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 bằng màu nhấn của chủ đề của bạn. Nhưng bạn luôn có thể thay đổi nó ở đây.

Dễ dàng tạo cửa hàng trực tuyến của bạn

Tải xuống WooC Commerce miễn phí, 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. [Khuyến nghị]

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.

Màu văn bản của tiêu đề

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

Nền

Bảng điều khiển nền cho phép bạn điều chỉnh màu nền của chủ đề của bạn và 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 nhất khi chúng được liên kết với cài đặt Bố cục đóng hộp trong bảng điều khiển Bố cục được đề cập trước đó.

do divi.png

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

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 chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
6 cổ phiếu
cổ phiếu3
tweet1
Enregistrer2