Divi: Cách tạo trang blog bằng mô-đun Blog

Bạn có muốn tạo một trang blog với mô-đun Blog de Divi?

Thông thường, mọi gói bố cục Divi được xuất bản trên Elegant Themes cung cấp bố cục blog, giúp bạn tạo blog của bạn đủ nhanh. Nhưng bạn đã bao giờ muốn tự mình tạo một trong những trang blog này chưa?

Trong bài viết này, chúng ta sẽ xem cách tạo một trang blog với mô-đun Divi's Blog. Chúng tôi sẽ đi qua từng bước cài đặt.

Hãy bắt đầu nào!

khảo sát

Trước khi bắt đầu, trước tiên chúng ta hãy xem tổng quan về những gì chúng ta sẽ tạo.

Tạo một trang blog mới

Tạo một trang mới

Đầu tiên, chúng tôi sẽ tạo trang của mình. Trong bảng điều khiển WordPress, hãy nhấp vào trang > Thêm On.

Đặt cho trang một tiêu đề có ý nghĩa đối với bạn.

Tiêu đề của trang: Blog trên Divi

Chuyển sang Divi Builder

Nhấp vào nút màu tím ở giữa trang: Sử dụng Divi Builder .

Thêm một phần cho tiêu đề trang blog

Tùy chỉnh phần

Chúng ta sẽ bắt đầu với phần đầu tiên. Mở chúng thông số phần .

Di chuyển đến Nền và đổi màu thành # f9f3fd. Nhập Blog làm nhãn quản trị. Đóng cài đặt phần.

Nền: # f9f3fd
Nhãn quản trị: Blog

Tạo tiêu đề trang blog

Sau đó, chúng tôi sẽ thêm một dòng cho tiêu đề. Chọn biểu tượng màu xanh lá cây và chọn hàng cột đơn.

Sau đó, thêm một mô-đun văn bản tại dòng.

Tùy chỉnh mô-đun Văn bản Tiêu đề Blog

Mở chúng ra Cài đặt mô-đun văn bản và chọn H1. Thêm tiêu đề Blog của chúng tôi.

Phông chữ: Tiêu đề 1
Văn bản: Blog của chúng tôi

Sau đó đi đếnTab phong cách và đặt căn chỉnh thành Căn giữa. Đối với văn bản tiêu đề H1, chọn Cormorant Infant cho phông chữ và tô đậm.

Căn chỉnh văn bản: Căn giữa
Văn bản tiêu đề: H1
Phông chữ tiêu đề: Trẻ sơ sinh bằng chim cốc
Tiêu đề ánh sáng dịu: Văn bản in đậm

Đặt Màu thành # 442854, Kích thước thành 130px và Chiều cao dòng thành 0,8em.

Màu: #442854
Kích thước văn bản trên màn hình: 130px
Chiều cao dòng: 0,8em

Tạo Bài báo Mới nhất và Phần Kêu gọi Hành động

Phần của chúng tôi bao gồm bài viết mới nhất và một email chọn tham gia.

Thêm một dòng mới dưới hàng đầu tiên của chúng tôi và chọn thiết kế cột 2/3 bên trái và 1/3 bên phải.

Mở chúng ra thông số dòng bằng cách nhấp vào biểu tượng bánh răng.

ChọnTab phong cách, cuộn đến khoảng cách và thêm 0px vào Lề bên trong dưới cùng. Đóng Cài đặt.

Lề nội bộ dưới cùng: 0px

Thêm và tùy chỉnh mô-đun bài đăng blog nổi bật

Sau đó, chúng tôi sẽ thêm một blog-mô-đun . Điều này sẽ chứa bài viết cuối cùng của chúng tôi. Nhấp vào biểu tượng dấu cộng màu xám ở cột bên trái của hàng mới của chúng tôi và thêm mô-đun Blog.

Nội dung

Dưới Nội dung , nhập 1 cho số lượng bài viết.

Số vị trí: 1

Các yếu tố

Di chuyển đến Các yếu tố và bỏ chọn Tác giả và Phân trang. Chúng tôi sẽ để phần còn lại ở chế độ mặc định của họ.

Hiển thị tác giả: không
Hiển thị phân trang: Không

Bố trí

Sau đó, chọn Tab phong cách và chọn Toàn màn hình cho bố cục và tắt lớp phủ hình ảnh nổi bật.

Mô hình: Toàn màn hình
Lớp phủ Hình ảnh đã Chọn: Đã tắt

Văn bản tiêu đề

Di chuyển đến Văn bản tiêu đề . Chọn H2 và chọn Cormoran Infant. Chọn Bold và đổi màu thành # 442854.

Chèn tiêu đề ba: H2
Tiêu đề phông chữ: Trẻ sơ sinh bằng chim cốc
Tiêu đề ánh sáng dịu: Văn bản in đậm
Màu văn bản tiêu đề: # 442854

Đặt kích thước phông chữ thành 30 pixel. Thay đổi chiều cao dòng thành 1.1em.

Kích thước: 30 pixel cho máy tính để bàn, 20 pixel cho máy tính bảng, 18 pixel cho điện thoại
Chiều cao dòng tiêu đề: 1,1 em

Phần thân của văn bản

Sau đó cuộn xuống bài kiểm tra cơ thể . Chọn Cabin cho phông chữ, thay đổi màu thành # 442854 và thay đổi chiều cao dòng thành 1,8em.

Quân đoàn cảnh sát: Cabin
Màu văn bản nội dung: # 442854
Chiều cao đường thân: 1,8 em

Siêu dữ liệu văn bản

Sau đó cuộn xuống Siêu dữ liệu văn bản . Đặt các thông số như sau:

Phông chữ siêu dữ liệu: Trẻ sơ sinh bằng chim cốc
Metadata Dim Light: Thường xuyên
Kiểu sao chép siêu dữ liệu: Không có
Màu văn bản siêu dữ liệu: # 442854
Kích thước văn bản siêu dữ liệu: Máy tính để bàn 16px, Máy tính bảng 15px, Điện thoại 14px
Chiều cao hàng siêu dữ liệu: 1,8 em

khoảng cách

Sau đó cuộn xuống khoảng cách và thay đổi lề trên thành 0vw.

Ký quỹ hàng đầu: 0vw

Hộp bóng

Cuối cùng, cuộn xuống Hộp bóng và vô hiệu hóa nó.

Hộp bóng: Tắt

Thêm và tùy chỉnh mô-đun văn bản email blog

Bây giờ chúng ta sẽ chuyển sang cột bên phải và tạo Lời kêu gọi hành động qua email . Đầu tiên, hãy thêm một mô-đun Văn bản vào cột bên phải. Nhấp vào biểu tượng dấu cộng màu xám và tìm kiếm Văn bản.