Tạo bài viết liên quan bằng plugin Meta Box

Tạo bài viết liên quan bằng plugin Meta Box

Thường thì các website có nhiều bài viết / sản phẩm như blog, tin tức, thương mại sẽ hay có phần Bài viết liên quan. Việc đặt thêm các bài viết liên quan vào bài đang đọc có rất nhiều lợi ích liên quan đến SEO và đặc biệt là giúp bạn giữ chân người đọc. Tuy nhiên, đôi khi việc lấy bài viết liên quan một cách tự động mà các web hay sử dụng sẽ không đáp ứng được việc ưu tiên hiển thị một số bài bạn muốn. Vậy nên, hôm nay mình sẽ hướng dẫn các bạn dùng Meta Box plugin để tạo các bài viết liên quan mà bạn có thể chọn từng bài nhất định cho website WordPress của bạn.

Bài viết liên quan là gì và chức năng của nó?

Thực chất Bài viết liên quan là những bài viết có nội dung liên quan mật thiết với bài viết đang đọc. Nội dung liên quan có thể là kiểu thông tin bổ sung thêm, có thể là bài viết cùng seri, …

Thường bài viết liên quan hay được thể hiện là một nhóm bài viết, và được đặt ở dưới chân trang bài viết, hoặc sidebar, đôi khi là ở giữa trang bài viết. Số lượng bài viết liên quan được hiển thị và vị trí đặt này liên quan đến bố cục của trang.

Đối với người đọc, việc có thêm các bài viết liên quan sẽ là một gợi ý mở cho họ đọc thêm các nội dung khác mà họ cần. Trong trường hợp bài viết đang đọc chưa có đủ các thông tin họ tìm kiếm, thì đọc thêm ở các bài viết liên quan sẽ giúp họ tìm được nhiều thông tin hơn.

Đối với chủ website, bài viết liên quan vô hình chung đã tạo nên, hoặc ít ra là tăng cường đáng kể một lượng lớn các liên kết nội bộ (internal links) cho website của bạn. Đồng thời, việc giữ chân người đọc ở lại trên site thông qua việc gợi ý họ đọc nhiều hơn, sẽ giúp bạn cải thiện tỷ lệ thoát trang (bounce rate), pageview, time on site, …

Với các công cụ cho phép lấy bài viết liên quan tự động, thì bài viết liên quan được chọn thường có nội dung, từ khóa, thẻ (tags), danh mục (category), hay taxonomy liên quan đến bài viết đang đọc. Như vậy, đôi khi có thể sẽ không chính xác hoặc không chỉ đích danh bài viết bạn muốn được. Vì vậy, rất nhiều trường hợp, đội ngũ marketing của bạn sẽ muốn tự chọn những bài viết nhất định để đặt làm bài viết liên quan cho một bài nào đó.

Tạo bài viết liên quan bằng plugin Meta Box - Ví dụ về 1 dạng bài viết liên quan

Ví dụ về 1 dạng bài viết liên quan (nằm bên dưới bài viết)

Meta Box là gì? Và Post Field là gì?

Meta Box là một plugin đơn giản, gọn nhẹ nhưng rất mạnh mẽ trong việc giúp các nhà phát triển hay người dùng tạo các trường tùy chỉnh trong WordPress và tùy biến chúng một cách nhanh chóng, dễ dàng nhất.

Với việc tạo ra hơn 40 trường tùy biến khác nhau như văn bản, hình ảnh, file upload, checkbox, … Meta Box còn có thể tạo ra các trường liên kết đến dữ liệu khác trong WordPress như Bài viết, Trang và Custom Post Type.

Trong bài viết này, chúng ta sẽ sử dụng một loại trường đặc biệt của Meta Box là Post Field – trường này giúp tạo liên kết đến các Bài viết khác – để tạo Bài viết liên quan.

Post Field là một trường cho phép bạn chọn một hoặc nhiều bài viết khác nhau. Trường này có thể hiển thị nhiều kiểu như select, checkbox, … và thậm chí có thể phân cấp các bài viết nếu loại bài viết của bạn có hỗ trợ. Như vậy, bằng việc sử dụng Post Field, chúng ta hoàn toàn có thể tự chọn từng bài viết liên quan bằng tay.

Tạo bài viết liên quan bằng Meta Box

Bước 1: Cài đặt Meta Box plugin

Đầu tiên, bạn cần cài đặt và kích hoạt plugin Meta Box trên website WordPress của bạn.

Trong trường hợp bạn không rành về PHP, thì bạn nên cài thêm một extention của plugin Meta Box là Meta Box Builder. Plugin này sẽ giúp bạn tạo custom fields trong một giao diện trực quan, và tất nhiên là không cần dùng code. Nên dù bạn có không biết code đi chăng nữa thì cũng đều có thể thao tác rất dễ dàng.

Trong trường hợp bạn biết code, thì bạn có thể tự code ở một số công đoạn dưới đây, và chỉ dùng Meta Box thôi là đủ.

Xem thêm về hướng dẫn cài đặt và kích hoạt các plugin tại đây.

Bước 2: Tạo và thiết lập Post Field

Khi bạn đã cài đặt Meta Box Builder, việc tạo Post Field của bạn sẽ rất đơn giản. Trong Admin Dashboard, bạn hãy tìm đến menu Meta Box > Custom Fields > Add New.

Tại giao diện chỉnh sửa custom fields (Edit Field Group) hiện ra, bạn đặt tên cho field group (hay còn gọi là custom meta box) của bạn ở mục Title ID, và nhấn Update. Lúc này bạn đã có một field group (meta box) để chứa Post Field bạn cần tạo.

Tiếp đó, trong cột Input Fields ở bên trái, bạn tìm đến tab WordPress Fields, chọn Post. Một field dạng post sẽ tự động hiển thị bên trong field group bạn vừa tạo.

Tạo bài viết liên quan bằng plugin Meta Box - Tạo custom field loại post với Meta Box Builder

Tạo custom field loại post với Meta Box Builder

Lúc này, bạn thiết lập cài đặt cho Post Field nhé. Có một số lưu ý về từng trường cài đặt như sau:

Description:

Ở mục này, bạn có thể đưa ra một vài hướng dẫn cho người viết bài cách chọn post. Ví dụ như mình đặt là “Choose 3 Related Posts” để yêu cầu người viết chọn đủ 3 bài viết liên quan.

Tạo bài viết liên quan bằng plugin Meta Box - hướng dẫn người viết cách chọn post

Post Type:

Nếu bạn có nhiều loại post type trên site, thì bạn cần chọn đúng loại post type của loại bài viết liên quan mà bạn muốn chọn. Ví dụ: nếu bạn chọn sản phẩm liên quan tới bài viết, thì post type của bạn lúc này cần chọn ở đây sẽ là loại post type của các bài viết về sản phẩm. Tuy nhiên, bạn hoàn toàn có thể chọn nhiều loại post type ở đây bằng cách nhấn Ctrl + click để chọn loại post type bạn cần.

Tạo bài viết liên quan bằng plugin Meta Box - chọn nhiều loại post type

Mẹo:

Với thiết lập “Post Type” này, bạn hoàn toàn có thể chọn để đặt các sản phẩm thành bài viết liên quan đến một bài blog nào đó.

Giả sử bạn là một đại lý du lịch bán các tour du lịch Thái Lan (mỗi tour là một trang sản phẩm). Nếu trên blog của bạn có một bài viết giới thiệu về kinh nghiệm du lịch Thái Lan, bạn hoàn toàn có thể đặt một vài sản phẩm về tour đi Thái Lan thành bài viết liên quan để gợi ý người đọc mua tour của bạn. Đây chắc hẳn là một cách tốt để tăng sale đúng không?

Field Type:

Trường này sẽ quy định cách mà các post hiển thị ra để chọn như thế nào. Có rất nhiều cách hiển thị, một số loại thường được dùng như:

Select Advance:Tạo bài viết liên quan bằng plugin Meta Box - seclect advance

Checkbox list:Tạo bài viết liên quan bằng plugin Meta Box - checkbox list

Checkbox tree:Tạo bài viết liên quan bằng plugin Meta Box - checkbox tree

Cá nhân mình thích nhất loại Select Advance bởi vì nó hiển thị rất gọn gàng và có thể gợi ý tìm kiếm khi nhập vào một vài kí tự. Giả sử như mình có một khối lượng post khổng lồ khoảng 500 – 1000 bài viết, thì các loại như Checkbox list hay Radio list sẽ hơi khó dùng vì phải kéo xuống rất nhiều. Các loại này phù hợp với post type dạng page (là loại thường có số lượng ít) mà thôi.

Display “Select All | None” button:

Bạn chỉ nên chọn ô này khi field của bạn hiển thị dạng Checkbox list. Khi đó, nút “Toggle All” sẽ xuất hiện, cho phép chọn/bỏ chọn tất cả bằng một lần click.

Sau khi thiết lập các thông tin trên cho field, bạn chuyển qua tab Settings trong giao diện Edit Field Group, ở mục Post Types, bạn hãy chọn loại post type mà bạn muốn tạo bài viết liên quan cho nó.

Tạo bài viết liên quan bằng plugin Meta Box-Chọn loại post type mà bạn muốn tạo bài viết liên quan cho nó

Chọn loại post type mà bạn muốn tạo bài viết liên quan cho nó

Cuối cùng, nhấn Save Changes để lưu lại toàn bộ thiết lập.

Để tạo Post Field như trên, nếu bạn không dùng Meta Box Builder, bạn có thể tự code và tham khảo đoạn code mà mình đã tạo ở dưới đây. Đây là đoạn code được Meta Box sinh ra tự động sau khi mình tạo custom fields xong, nên nếu bạn đặt nó vào file function.php của theme thì bạn cũng sẽ thu được kết quả giống của mình:

Bước 3: Thêm các bài viết liên quan cho từng bài viết

Bây giờ, bạn quay trở ra trang chỉnh sửa bài viết thuộc loại post type bạn vừa chọn, kéo chuột đến vị trí bạn đặt meta box Related Post và click vào trường đó, bạn sẽ thấy danh sách các bài viết hiển thị ra như sau:

Chọn loại post type mà bạn muốn tạo bài viết liên quan cho nó - Một danh sách các bài viết liên quan hiển thị để bạn chọn

Một danh sách các bài viết liên quan hiển thị để bạn chọn

Một danh sách các bài viết liên quan hiển thị để bạn chọn

Danh sách này bao gồm tất cả các bài viết thuộc loại post type mà bạn cho phép đặt làm bài viết liên quan. Bạn chỉ cần click vào tên từng bài viết để chọn, và nhấn Update để lưu thay đổi cho bài viết của bạn là đã thêm bài viết liên quan xong.

Bước 4: Hiển thị các bài viết liên quan ra giao diện website

Trường Post Field chúng ta vừa tạo ở bước 2 sẽ lưu lại danh sách IDs của các bài post chúng ta đã chọn. Ví dụ như ở trên mình chọn 3 bài viết liên quan, thì trường này sẽ lưu lại 3 IDs của 3 bài viết đó. Và trả về dưới dạng 1 mảng.

Ví dụ: field mình đã tạo sẽ cho kết quả trả về là một mảng có 3 giá trị lần lượt là 36, 25, 29 là ID của 3 bài viết tương ứng:

array (size=3)
0 => string '36' (length=2)
1 => string '25' (length=2)
2 => string '29' (length=2)

Vì vậy, để lấy được giá trị của Post Field ta dùng hàm sau:

$post_ids = rwmb_meta( $field_id );
foreach ( $post_ids as $post_id ) {
echo '<p>'. get_the_title( $post_id ). '</p>';
}

Trong đó:
$field_id: ID chúng ta đã đặt cho Post Field ở trên
$post_id  : Mảng gồm các ID của post trả về của Post Field

Khi đã đưa vào vòng lặp và lấy được các giá trị ID của bài viết, thì ta có thể tùy biến, truy xuất dữ liệu dựa vào ID để lấy thông tin cần thiết cho bố cục của website của bạn.

Mình sẽ lấy các thông tin và đặt theo bố cục của mình, bao gồm cả tiêu đề, hình ảnh (thumbnail) và mô tả ngắn (excerpt) để làm ví dụ.

Trong thư mục của theme đặt đoạn code dưới đây vào file single.php (trường hợp post type của bạn chọn là post). Nếu bạn dùng custom post type khác thì phải tạo file single-{custom_post_type_slug}.php để làm giao diện của loại post type đó. Tham khảo về cách tạo và hiển thị custom post type tại đây.

Bạn có thể đặt đoạn code dưới đây vào bất cứ đâu bạn muốn trong giao diện để hiển thị bài viết liên quan như sidebar, chân trang hay ngay trong nội dung bài viết.

Source code:

Kết Luận

Vậy là mình đã hướng dẫn xong cho các bạn một cách đơn giản để tạo Bài viết liên quan với Post Field trong Meta Box Plugin. Dựa vào cách này bạn có thể tùy biến để phù hợp hơn với giao diện mình mong muốn và tự chọn các bài viết liên quan phù hợp. Rất hy vọng với cách này, bạn có thể cải thiện điểm SEO cho bài viết nói riêng và Website của bạn nói chung.

 

Gửi phản hồi