Cách thêm bài viết liên quan đến WordPress mà không cần plugin

Một trong những lợi thế lớn của việc sử dụng WordPress là các plugin. Các plugin WordPress bao gồm hầu hết mọi thứ bạn có thể tưởng tượng, từ việc mở rộng blog của bạn thành CMS, đến việc thêm các tính năng tiện lợi và tối ưu hóa blog của bạn cho các công cụ tìm kiếm - khả năng là vô tận (và đừng quên tất cả các chủ đề khác nhau ngoài kia).

Nhưng bằng cách sử dụng quá nhiều plugin, bạn sẽ gặp rủi ro làm tắc nghẽn blog WordPress của mình và tệ nhất là bạn có thể 'phá vỡ' nó. Có nhiều phiên bản plugin không tương thích với nhau, cũng như các plugin làm chậm blog của bạn.

Một số danh mục plugin WordPress phổ biến nhất dựa trên việc thêm “bài viết liên quan” vào một blog Vì WordPress không có bất kỳ tiêu chuẩn nào cho việc này, mọi người đều được yêu cầu sử dụng một số loại plugin để hiển thị các bài đăng liên quan trên trang web của họ.

Bài viết này sẽ hướng dẫn bạn cách thêm các bài đăng liên quan bằng hình thu nhỏ vào blog của bạn mà không cần bất kỳ plugin nào, giữ mọi thứ đơn giản, nhẹ nhàng và dễ truy cập. Băt đâu nao!

Nhưng trước tiên, tại sao nên tránh các plugin?

Có một số lý do tại sao bạn phải luôn thử và sử dụng mã và dịch vụ tích hợp của WordPress, thay vì plugin. Lợi ích chính là bạn không phải phụ thuộc vào bên thứ ba (nhà phát triển plugin) để blog của bạn hoạt động. Có rất nhiều trường hợp các plugin phổ biến bị các nhà phát triển của họ bỏ rơi, khiến vô số chủ sở hữu trang web bị mắc kẹt với phần mềm lỗi thời và có khả năng dễ bị tấn công.

Một lý do khác là bạn không gặp rủi ro khi sử dụng plugin cồng kềnh có thể làm chậm trang web của bạn, hoặc thậm chí tệ hơn, chứa một đoạn mã độc hại, mặc dù điều này rất hiếm khi bạn nhận được các plugin từ thư mục chính thức của WordPress.

Bắt đầu: bài viết liên quan với hình thu nhỏ

Tính năng "bài đăng liên quan" này, giống như hầu hết các bài viết khác, được thiết kế để được đặt trên trang bài viết chính của bạn (single.php), nhưng bạn có thể sử dụng nó ở hầu hết mọi nơi, miễn là bạn giữ nó trong vòng lặp WordPress. Để có được các bài đăng liên quan, chúng tôi sẽ sử dụng các thẻ bài đăng được cung cấp cho từng bài viết.

Hình thu nhỏ

WordPress hiện có một hệ thống thu nhỏ tích hợp, mà chúng ta sẽ cần ở đây. Để kích hoạt nó, hãy thêm mã này vào tệp tin.php của bạn trong thư mục chủ đề của bạn (trong hầu hết các trường hợp, nó đã có sẵn).

 add_theme_support ('hình thu nhỏ');

Bạn cũng có thể đặt chiều rộng và chiều cao của hình thu nhỏ bằng cách thêm một dòng khác vào mã:

 add_theme_support ('hình thu nhỏ'); set_post_thumbnail_size (100, 50, đúng);

Quan trọng: Khi thêm hình ảnh vào bài đăng, để tạo hình thu nhỏ, bạn phải, trong bảng tải lên hình ảnh, chọn “Sử dụng như hình ảnh đặc trưng”. Điều này sẽ tạo hình thu nhỏ cho bài viết.

Mật mã

  Bài viết liên quan
 ID); if ($ tags) $ tag_ids = mảng (); foreach (thẻ $ dưới dạng $ Personal_tag) $ tag_ids [] = $ Personal_tag-> term_id; $ args = mảng ('tag__in' => $ tag_ids, 'post__not_in' => mảng ($ post-> ID), 'Post_per_page' => 4, // Số bài đăng liên quan sẽ hiển thị. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Đoạn mã the_post_thumbnail (mảng (150.100) đặt kích thước của hình thu nhỏ sẽ được hiển thị, trong trường hợp này, chiều rộng 150px, chiều cao 100px.

CSS

Chúng tôi có hai lớp div ở đây, “.cột mốc liên quan”, đó là container div tổng thể, và “.có liên quan” đó là hình thu nhỏ và liên kết riêng lẻ trong .relatedposts. Chúng tôi sẽ cho rằng chiều rộng của bài viết là 640px tiêu chuẩn. CSS:

 .các cột liên quan width: 640px; lề: 0 0 20px 0; phao: trái; cỡ chữ: 12px; .relatedposts h3 font-size: 20px; lề: 0 0 5px 0;  .relatedthumb lề: 0 1px 0 1px; phao: trái;  .relatedthumb img lề: 0 0 3px 0; phần đệm: 0; .relatedthumb a color: # 333; trang trí văn bản: không có; hiển thị: khối; phần đệm: 4px; width: 150px; .relatedthumb a: hover background-color: #ddd; màu: # 000;

CSS ở trên sẽ hiển thị hình thu nhỏ của bài đăng với chiều rộng 150px, có nghĩa là chúng ta sẽ cần 4 hình thu nhỏ để lấp đầy chiều rộng 640px của bài đăng (bao gồm cả lề giữa chúng). Bạn có thể điều chỉnh điều này theo ý muốn; nếu bạn muốn có 5 hình thu nhỏ, bạn sẽ cần chiều rộng .relatedthumb khoảng 125px.

Quan trọng: Hãy chắc chắn đặt chiều rộng của hình thu nhỏ được tạo trong cài đặt phương tiện WordPress của bạn để khớp với hình thu nhỏ bạn đặt trong CSS. Ngoài ra, nó phải phù hợp với kích thước được chỉ định trong mã php: the_post_thumbnail (mảng (150.100).

Thí dụ

Các bài đăng liên quan sẽ xuất hiện một cái gì đó như thế này, như được sử dụng bởi blog chơi game DigitalBattle (sử dụng kỹ thuật chính xác được mô tả trong bài viết này):

Kỹ thuật tương tự

Đây không phải là cách duy nhất để thực hiện các bài đăng liên quan mà không cần plugin - có rất nhiều kỹ thuật và hướng dẫn ngoài đó chỉ cho bạn cách thêm bài đăng liên quan mà không cần plugin, đây là một vài trong số đó:

Bài viết liên quan w / hình thu nhỏ trong WordPress mà không cần plugin (TechWalz)
Cách: bài viết liên quan với hình thu nhỏ trong WordPress mà không cần plugin (WPBeginner)
Cách thêm bài viết liên quan với hình thu nhỏ mà không cần plugin (Mã WPC)

Kết luận

Chúng tôi có thể làm rất nhiều với các tính năng tích hợp mà WordPress cung cấp và trong nhiều trường hợp, chúng tôi không cần phải dùng đến các plugin của bên thứ ba để hoàn thành công việc. Lần tới khi bạn cần một plugin cho blog WordPress của mình, hãy xem bạn có thể đạt được tính năng tương tự mà không cần plugin không. Đào xung quanh, tìm kiếm trên web cho một sự thay thế. Bạn sẽ ngạc nhiên khi biết bao nhiêu là có thể với WordPress.