Chia Cột Các Bài Viết trên WordPress Với Content View

Thông thường các theme đều cho phép hiển thị bài viết dưới dạng lưới. Tuy nhiên, ở một số trường hợp bạn lại muốn hiển thị theo kiểu chia cột (dạng web phim). Bài viết hôm nay mình sẽ giới thiệu cho các bạn 1 plugin làm được điều này.

Content View

Ảnh minh họa hiển thị dạng cột

Content View được xây dựng với mục đích tùy chỉnh hiển thị danh sách dưới dạng lưới và cột. Chế độ xem và tùy chỉnh tuyệt đẹp hiển thị các bài đăng được lọc theo tác giả, thẻ, thể loại … mà không cần phải sử dụng đến code.

Plugin này được tối ưu hóa cao giúp cho hiệu suất, cải thiện SEO. Các thiết kế phù hợp với các trang web Blog hoặc web Giới thiệu sản phẩm.

Tính Năng Cơ Bản

  • Hiển thị thân thiện với thiết bị di động.
  • Tối ưu hóa tốc độ và SEO.
  • Hiển thị dạng lưới các bài đăng trên trang wordpress, widget.
  • Hiển thị các bài viết gần đây.
  • Lọc các bài viết từ: Danh mục, tác giả, thẻ, ID.
  • Hiển thị bài đăng có chứa từ khóa cụ thể.
  • Hiển thị hình ảnh, tiêu đề, nội dung, ngày xuất bản, tác giả, chuyên mục, bình luận.
  • Sắp xếp bài viết theo ngày, tiêu đề.
  • Giới hạn số lượng bài viết được lọc ra.

Tính năng nâng cao Premium

Để nâng cấp lên Premium bạn cần phải bỏ ra số tiền $39/1web/năm, $89/5web/năm, 199/vô hạn trang web/năm. Vậy nó thêm được những gì mà bạn phải bỏ ra số tiền đó:

Xem Thêm:   Yoast SEO? Các Công Dụng Và Cách Sử Dụng

Bạn có thể xem demo tại đây: https://sample.contentviewspro.com/

Cài đặt

Vào Plugin => Add New => Search Content View

Cài đặt và kích hoạt plugin.

Hướng Dẫn Sử Dụng Plugin

Không giống như các plugin khác, với content view bạn phải tự thiết lập và tìm vị trí để nó hiển thị.

Thiết lập Source code

Vào Content View => Add New

Filter Setting

Filter Setting
  1. Tittle: Nhập tiêu đề
  2. Content type: Chọn kiểu lọc (Page và Post)
  3. Common: Include only (Bao gồm), Exclude (Loại trừ), Limit (Hạn chế bài đăng)
  4. Advance: Taxonomy (Phân loại lọc), Status (Trạng thái), Sort by (Sắp xếp), Keyword (Lọc từ khóa), Author (Tác giả)

Sau khi hoàn tất phần này bạn chuyển sang

Display Setting

Layout: Kiểu hiển thị

  • Grid: Dạng lưới
  • Collapsible List: Dạng danh sách thu gọn
  • Scrollable List: Dạng danh sách có thể cuộn

Responsive: Định dạng các cột hiển thị khác

  • Items per row (Tablet): Số cột hiển thị trên máy tính bản
  • Items per row (Mobile): Số cột hiển thị trên điện thoại

Format: Định dạng hình ảnh

  • Show thumbnail & text vertically: Hình ảnh và văn bản theo chiều dọc
  • Show thumbnail on the left/right of text: Hình ảnh bên trái, văn bản bên phải.

Fields settings: Cài đặt các trường hiển thị

  • Title: Định dạng thẻ tiêu đề
  • Thumbnail: Tùy chỉnh ảnh thu nhỏ hiển thị
  • Content: Hiển thị nội dung: toàn bộ nội dung hoặc chỉ đoạn trích ngắn.
  • Show Meta Fields (Taxonomy, Author, Date, Comment): Cho phép hiển thị (phân loại, người đăng, ngày, số bình luận)
Xem Thêm:   Dọn Dẹp Rác Và tăng Tốc Web với Plugin WP-Optimize

Pagination: Cấu hình phân trang

=> Lưu lại và xem thử

Tùy chọn nơi hiển thị

Thông thường các bạn cho hiển thị ở cuối bài viết, widget, hoặc lọc toàn bộ tra một page. Phần này mình sẽ hướng dẫn các bạn hiển thị lên widget, bài viết nội tuyết, toàn bộ bài viết.

Hiển thị trên widget

Copy đoạn Source Code “Content view” vừa mới tạo

Tạo mới một widget dạng text, Paste đoạn code vừa copy vào và lưu lại.

Lên trình duyệt kiểm tra xem đã hiển thị chưa

=> Nếu chưa hiển thị bạn nên xem lại phần thiết lâp Source Code.

Hiển thị trên bài viết nội tuyến hoặc page nội tuyến

Copy đoạn Source code giống như đã làm ở phần Widget

Tìm bài viết hoặc trang cần hiển thị và paste nó vào

Ví dụ trên bài viết mới:

Hiển thị lên toàn bài viết

Để làm phần này bạn cần phải truy cập vào theme để chỉnh sửa.

Lưu ý: Không được thêm hoặc xóa bất kỳ phần nào trong đây vì có thể gây lỗi lên toàn trang web.

Copy theme file sau của Content view

Truy cập vào khu vực chỉnh sửa của theme

Xem Thêm:   Bài 17: Một Số Plugin Cần Thiết Cần Thiết Dành Cho Website Wordpress

Appearance => Editor

  • Content-single.php : nếu muốn hiển thị lên toàn bài viết.
  • Content-page.php : nếu muốn hiển thị lên toàn trang.

Thêm đoạn code vào file content và lưu lại.

Lên trình duyệt xem lại.

Lời kết

Bài viết mình đã hướng dẫn cơ bản về plugin Content View. Với plugin này bạn có thể thay đổi hiển thị các bài viết lên theme một cách dễ dàng. Có thể kết hợp với theme để tạo ra một website như bạn mong muốn. Bạn có thể tùy chỉnh nhiều hơn và đẹp hơn nếu nâng cấp lên Premium Content View. Chúc các bạn có một trang web như mong đợi.

  •  
  •  
  •  
Loading...