Cách thiết kế blog DIVI bằng tiện ích và plugin WP Latest Posts

Với trình tạo trang DIVI, chúng ta có thể thiết kế websites , và đây là một trình tạo trang rất dễ sử dụng, có đầy đủ tính năng cho hầu hết mọi thứ! Nhưng đôi khi chúng ta cần sự trợ giúp từ các thành phần bổ sung, chẳng hạn như tạo một trang Blog tuyệt vời, và WP Latest Post with DIVI sẽ giúp chúng ta làm điều đó.

WP Latest Post là một plugin cho phép chúng ta tạo các trang hiển thị bài viết mới nhất bằng cách sử dụng các bộ lọc và công cụ thiết kế để hoàn thành công việc trong thời gian ngắn nhất và đảm bảo phù hợp hoàn hảo với trang web của chúng ta.

Trong bài viết này, chúng ta sẽ xem cách sử dụng DIVI và WP Latest Post để tận dụng tối đa cả hai.

Tạo một khối với các bài viết WordPress mới nhất của chúng tôi

Để bắt đầu, chúng ta cần tạo một khối Bài viết trong WP Latest Post để nhúng nó vào DIVI.

Để làm điều này, hãy vào WP Latest Post > All New Blocks trong menu bên trái, bạn sẽ thấy +New Block , hãy nhấp vào đó.

Chúng ta sẽ có thể xác định tiêu đề và sau đó tiến hành tạo khối.

Quá trình tạo khối được chia thành 3 phần, trong đó chúng ta sẽ định nghĩa từng phần của khối, phần đầu tiên là Nguồn .

Như tên gọi của nó, chúng ta có thể xác định những gì sẽ được sử dụng cho Khối để định nghĩa các bài đăng được bao gồm, chúng ta có thể sử dụng trang, bài đăng, danh mục hoặc các loại bài đăng tùy chỉnh.

Trong hướng dẫn này, chúng ta sẽ chọn tùy chọn Bài viết vì chúng ta đang tạo một trang Blog.

Sau khi chọn nguồn, chúng ta có thể xác định cách lọc nội dung cũng như tùy chỉnh cách hiển thị, bằng cách thiết lập các thông số sau:

Danh mục : lọc nội dung sẽ được hiển thị theo từng danh mục.

Sắp xếp theo : xác định cách sắp xếp bài viết, dựa trên ngày tạo, và theo thứ tự tăng dần hay giảm dần.

Số hàng/cột và mục : chọn số hàng, số cột và số mục tối đa sẽ được hiển thị.

Ngày xuất bản : xác định xem chỉ hiển thị bài viết được xuất bản sau/trước một ngày cụ thể.

dung được tạo gần đây : cho phép xác định một tập hợp bài viết cụ thể hơn cho những giờ/ngày/tháng/năm gần đây nhất.

Nội dung : xác định xem một danh mục sẽ được hiển thị một lần hay nhiều lần.

Chúng tôi cũng có thể xác nhận số lượng bài đăng sẽ được hiển thị với nội dung và lựa chọn hiện tại của chúng tôi bên dưới tiêu đề của khối.

Giờ chúng ta có thể chuyển sang phần tiếp theo là Hiển thị và theme nơi chúng ta có thể chọn một theme trong số 8 chủ đề có sẵn cho WP Latest Post ( + Addon ).

Trước hết, ở phần này, chúng ta sẽ thấy phần lựa chọn Theme cũng như các tùy chọn để điều chỉnh nó, các tùy chọn này sẽ thay đổi tùy thuộc vào theme mà chúng ta chọn.

Theme mặc định

Lưới danh mục

Masonry Theme

Theme ngang vật liệu

Theme dọc vật liệu

Theme danh mục đầu tư

Theme di chuột mượt mà

Theme dòng thời gian

Có rất nhiều tùy chọn cho mỗi theme , vì vậy chúng ta có thể điều chỉnh chủ đề mình thích nhất cho trang của mình và làm cho nó phù hợp hoàn hảo chỉ với vài cú nhấp chuột.

Trong bài viết này, chúng ta sẽ sử dụng Theme Masonry để tiếp tục.

Và bây giờ chúng ta có thể chuyển sang tab tiếp theo trong phần này, đó là Thiết lập Theme , phần này có thể khác nhau tùy thuộc vào theme mà chúng ta chọn. Với theme mà chúng ta đã chọn, chúng ta có tùy chọn hiển thị tiêu đề, nút "Tải thêm" và buộc hiển thị biểu tượng khi di chuột.

Đầu tiên, chúng ta có thể tùy chỉnh biểu tượng sẽ hiển thị khi di chuột cũng như thay đổi nó bằng bất kỳ biểu tượng nào được cung cấp bởi WP Latest Post hoặc tải lên biểu tượng của riêng mình.

Chúng ta sẽ thấy một tab khác là Animation , tùy chọn này dùng để quản lý theme có chứa hiệu ứng hoạt hình, ví dụ như theme Smooth Hover là một thanh trượt. Với chủ Masonry thì không có hiệu ứng hoạt hình nào cả nên chúng ta sẽ bỏ qua phần này.

Và bây giờ chúng ta có thể chuyển sang phần cuối cùng, Nguồn hình ảnh, nơi chúng ta có thể xác định hình ảnh sẽ được sử dụng trong khối của mình cho các bài đăng không có hình ảnh nào, cũng như sử dụng hình ảnh đầu tiên có sẵn trong bài đăng hoặc Hình ảnh nổi bật.

Như vậy là chúng ta đã hoàn tất cấu hình bài đăng chặn, và giờ chúng ta đã sẵn sàng để đăng tải.

Chúng ta sẽ thấy một tab bổ sung, nơi chúng ta có thể tìm thấy Shortcode của khối cũng như xác định xem nó là Riêng tư hay chúng ta muốn công khai khối đó vào một thời điểm nhất định.

Rất nhiều công cụ tuyệt vời cho một tính năng hữu ích được sử dụng trong trình tạo trang DIVI! Giờ hãy cùng thêm nó vào một trang bằng DIVI nhé.

Sử dụng DIVI và WP Latest Post để tạo trang Blog

Giờ chúng ta đã thấy việc tạo khối Bài viết dễ dàng như thế nào, hãy thêm nó vào trang DIVI của chúng ta.

Trước tiên, hãy vào Trang / Bài viết , chỉnh sửa hoặc tạo bài viết mới rồi nhấp vào " Sử dụng DIVI Builder" .

Giờ chúng ta có thể bắt đầu chèn Module của mình rồi tìm kiếm WP Latest Posts , khối dành cho plugin sẽ hiện ra, hãy nhấp vào đó.

Tùy chọn chọn Khối sẽ xuất hiện đầu tiên, hãy nhấp vào Chọn Khối rồi chọn Khối Bài đăng, trong trường hợp này, chúng ta đã nhập Phần Bài đăng của tôi .

Bản xem trước của khối nội dung sẽ được tải ngay lập tức trong nền.

Và thế là xong! Một trang Blog tuyệt vời được tạo chỉ với vài cú nhấp chuột.

Một điểm quan trọng khác cần lưu ý là chúng ta sẽ có tùy chọn điều chỉnh trực tiếp khối Bài đăng mới nhất bằng các tùy chọn của Divi, nơi chúng ta có thể thiết lập các yếu tố như nền, khoảng cách, bộ lọc, cũng như nhiều tùy chọn khác.

Giờ chúng ta chỉ cần hoàn thiện việc chỉnh sửa nếu cần và đăng tải thôi! Trang Blog tùy chỉnh mới của chúng ta đã hoàn tất và sẵn sàng hoạt động!

Chỉ cần vài cú nhấp chuột là bạn có thể tạo ra trang Blog tuyệt vời nhất mà chúng ta từng thấy, và nó sẽ luôn phù hợp với nội dung của chúng ta nhờ vào tất cả các tùy chọn để tùy chỉnh kiểu dáng, thật tuyệt vời! Phải không?

Mở khóa cấp độ tiếp theo của việc tạo mục Tin tức trong WordPress

Như bạn thấy đấy, WP Latest Post là một tiện ích tuyệt vời cho trang web WordPress của chúng tôi, không chỉ để tạo các trang Blog mà còn để tạo bất kỳ loại mục Tin tức nào! Ví dụ như lọc theo danh mục và hiển thị mục Tin tức khác nhau cho mỗi danh mục hoặc tạo mục Tin tức cho các Sản phẩm WooCommerce của chúng tôi.

Khả năng ứng dụng là vô hạn, và nó cũng tương thích với tất cả các trình tạo trang chính trên WordPress, vậy bạn còn chờ gì nữa? Hãy truy cập vào đây và bắt đầu sáng tạo ngay thôi!