Để bắt đầu tùy chỉnh bố cục và kiểu chữ của Website, 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.
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 Website. 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 cũng như đ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 điều khiển này.
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.
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ộ Website. 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 tương ứng ở 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ũng như 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 từng phông chữ.
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.
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 đó.
Đó 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 phông chữ và bố cục của Chủ đề Divi.
[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