Plugin để hiển thị các bài đăng tương tự trong WordPress. Bài viết liên quan Plugin hình thu nhỏ: hiển thị các bài đăng tương tự có hình ảnh cho WordPress

NHẬN DẠNG); if ($categories) ( $category_ids = array(); foreach($categories as $individual_category) $category_ids = $individual_category->term_id; $args=array("category__in" => $category_ids, "post__not_in" => array( $post->ID), "showposts"=>4, "orderby"=>Rand, "caller_get_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) ( tiếng vang "

< div class = "related_posts" > < div class = "related-zagolovok" >Hãy chắc chắn kiểm tra các bài viết tương tự< / div > $categories = get_the_category ($post -> ID ); nếu ($danh mục) ( $category_ids = mảng () ; foreach ($danh mục dưới dạng $individual_category ) $category_ids = $individual_category -> term_id ; $args = mảng ( "category__in" => $category_ids , "post__not_in" => mảng ($post -> ID ), "showpost" => 4 , "đặt hàng" => rand, "caller_get_posts" => 1 ) ; $my_query = wp_query mới ($args) ; if ($my_query -> has_posts()) ( tiếng vang " " ; while ($my_query -> has_posts () ) ( $my_query -> the_post() ; < div class = "obz" > < a href = " " tiêu đề = " !}" > < div id = "related_posts_box" > < / div > < / a > < / div > tiếng vang " " ; wp_reset_query(); < / div >

Để thiết lập các mục tương tự, chúng tôi quan tâm đến 3 dòng trong mã này:

• Dòng 9 - chịu trách nhiệm về chế độ hiển thị bài đăng. Bây giờ nó sẽ hiển thị các bài viết tương tự từ cùng một danh mục. Nghĩa là, nếu một bài đăng thuộc một danh mục nhất định thì chỉ những bài đăng từ cùng danh mục đó mới được hiển thị trong khối. Điều này tạo ra sự liên kết lẫn nhau trong mỗi danh mục;

Nếu muốn thay đổi tham số này, chúng ta có thể hiển thị bài viết theo thẻ. Nếu bạn đặt chúng cho các bài viết, mã sẽ hiển thị các bài đăng có thẻ tương tự. Để làm điều này, bạn cần thay thế toàn bộ dòng thứ 9 bằng ‘tag__in’ => $tag_ids,.

• Dòng 11 - số lượng bài viết được hiển thị trong khối. Như mình đã nói ở bài viết trước về plugin bài viết tương tự, số lượng bài viết tối ưu về mặt hữu ích cho việc liên kết là tối đa 5 bài. Tôi vẫn để lại 4 bài viết cho đầu ra;
• Dòng 12 - đầu ra ngẫu nhiên của các bản ghi, nghĩa là mỗi khi trang được làm mới trong một bài viết nhất định, một danh sách mới các bản ghi tương tự sẽ được tạo. Trong mã này, tôi muốn để lại tham số này và nếu bây giờ bạn thử làm mới trang, bạn sẽ thấy một danh sách bài đăng hoàn toàn khác sẽ xuất hiện. và điều này sẽ xảy ra với mọi bản cập nhật. Kiểu ngẫu nhiên (liên kết ngẫu nhiên) này giúp ích rất nhiều.

Nếu bạn muốn danh sách luôn được cố định, bạn cần xóa hoàn toàn dòng thứ 12. Nhưng tôi không thích tùy chọn này, vì danh sách 4 bài đăng cuối cùng trong danh mục sẽ được hiển thị mọi lúc và nó sẽ không thay đổi, bất kể chúng ở bài đăng nào. Tôi không hài lòng lắm với điều này. Có lẽ của bạn sẽ khác. Bạn thử nó.

Để hiển thị các bài đăng tương tự mà không cần plugin, bạn cần dán mã này vào tệp single.php của chủ đề nơi đầu ra nội dung kết thúc. Tôi có một bài viết về cách xác định nơi này. Ở đó anh ấy mô tả mọi thứ một cách chi tiết và đưa ra một bài học bằng video. Nó sẽ giúp bạn tìm ra nơi bạn cần đặt những mã đó.

Phiên bản cuối cùng trong tập tin của tôi trông như thế này.

Sau này, các bài viết tương tự sẽ được hiển thị. Nhưng để hoàn thành thủ tục, họ cần phải có sự chuẩn bị chu đáo. Tôi không phác thảo từng bài đăng trong khối này bằng một loại khung nào đó. Chúng tôi cố gắng vì sự đơn giản. Tôi cung cấp cho bạn các kiểu của tôi, các kiểu này cần được đặt trong tệp kiểu của mẫu style.css của bạn.

Bài viết liên quan ( float: left; lề: 15px 0; chiều rộng: 100%; ) #rel_posts_box ( chiều cao tối thiểu: 205px; float: trái; lề: 2px; phần đệm: 6px 3px 0px 0px; chiều rộng: 166px; màu: #004A95; ) # liên quan_posts_box:hover ( trang trí văn bản: gạch chân ! quan trọng) .rel-zagolovok ( lề trên: 5px; lề dưới: 9px; phần đệm: 15px 0 0 0; màu: #34495e; họ phông chữ: arial; phông chữ -size: 24px; line-height: 130%; font-weight: đậm; font-style: italic; text-align: center; border-top: 1px Solid #ddd;).obz (padding: 0 12px 0 6px; chiều rộng: 152px; float: trái; )

liên quan_posts( nổi: trái; lề: 15px 0; chiều rộng: 100%; ) #có liên quan_posts_box ( chiều cao tối thiểu: 205px; nổi: trái; lề: 2px; phần đệm: 6px 3px 0px 0px; chiều rộng: 166px; màu : #004A95 ; ) #relative_posts_box:di chuột ( trang trí văn bản : gạch chân ! quan trọng ) Tiêu đề liên quan ( lề trên: 5px; lề dưới: 9px; phần đệm: 15px 0 0 0; màu : #34495e ; Họ phông chữ: arial; cỡ chữ: 24px; chiều cao dòng: 130%; độ dày phông chữ: đậm; kiểu chữ: in nghiêng; căn chỉnh văn bản: giữa; đường viền trên cùng : 1px rắn #ddd ; )

Các bạn, xin chào mọi người. Hôm nay chúng ta sẽ nói về cách tạo danh sách các bài viết liên quan trong WordPress mà không cần plugin. Vật liệu tương tự cải thiện các yếu tố hành vi. Chúng thường được đặt ở cuối bài viết để người truy cập có thể đọc các bài viết khác cùng chủ đề.

Vì vậy, nếu bạn quan tâm đến khách truy cập, anh ta sẽ ở lại trang web của bạn lâu hơn và các bài viết tương tự sẽ giúp anh ta hiểu rõ hơn về giải pháp cho vấn đề của mình.

Bạn có thể tạo danh sách các bài viết tương tự có và không có hình thu nhỏ bằng cách sử dụng mã PHP hoặc plugin thuần túy. Mọi người đều chọn con đường riêng của mình.

Cho đến gần đây, tôi đã sử dụng plugin Bài viết liên quan đến WordPress cho mục này trên blog của mình. Một plugin tốt, nó có thể được thiết kế đẹp mắt để phù hợp với mọi thiết kế, hiển thị các bài viết tương tự.

Chỉ trong cuộc đấu tranh về tốc độ tải trang, tôi quyết định thay thế plugin này bằng mã đơn giản. Bởi vì plugin này làm chậm quá trình tải blog của tôi từ 0,5 đến 0,9 giây tùy theo thời gian và tải.

Và vì vậy tôi quyết định sử dụng mã php để hiển thị các bài viết tương tự, cho phép bạn hiển thị các bài viết bằng cách sắp xếp chúng theo thẻ hoặc danh mục (tiêu đề).

Theo quy định, danh sách các bài viết tương tự được hiển thị ở cuối bài viết. Trong hầu hết các chủ đề WordPress, tệp single.php chịu trách nhiệm về các bài viết (bài viết). Trong tệp này, bạn cần chèn mã chịu trách nhiệm hiển thị các bài viết tương tự.

Cảnh báo: Tạo một bản sao lưu của tệp single.php trước khi bắt đầu công việc.

Bước 1: Tìm nơi dán mã.

Tất cả chúng ta đều có những khuôn mẫu khác nhau và cấu trúc của chúng hơi khác nhau. Ví dụ: trong chủ đề của tôi không có tệp single.php nào cả. Tôi đã tạo và thực hiện tất cả các sửa đổi thông qua tệp chức năng chủ đề. Và đây là mức độ khó hơn rất nhiều so với việc chỉnh sửa các tập tin thông thường.

Để xác định vị trí chính xác để chèn mã, trước tiên bạn cần xem trang, tìm các thành phần chính trên đó, sau đó trong mã nguồn, bạn sẽ dễ dàng tìm thấy vị trí cần thiết cho mã hơn.

Như bạn có thể thấy trong ảnh chụp màn hình, vị trí thích hợp để chèn mã là sau cuối bài viết, trước phần điều hướng.

Vì vậy, hãy mở bảng quản trị WordPress - "Vẻ bề ngoài" — "Biên tập viên" — "Một mục (đơn.php)". Và trong tệp, hãy tìm mã chịu trách nhiệm hiển thị bài viết. Nó sẽ trông giống như thế này:

...

Sau đoạn này, bạn có thể chèn mã của các bài viết tương tự. Trong ví dụ của tôi, mã điều hướng sẽ đi xa hơn.

Bước 2: Chèn code cho các bài viết tương tự.

Khi bạn đã quyết định vị trí, hãy dán mã này:

NHẬN DẠNG); if ($tags) ( $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id; $args=array("tag__in" => $tag_ids, "post__not_in" => array( $post->ID), "posts_per_page"=>5 , // Số lượng bài viết tương tự được hiển thị."ignore_sticky_posts"=>1); $my_query = wp_query mới($args); if($my_query->have_posts()) ( echo "

"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
• " rel="bookmark" title=" Đi tới bài viết !}">
"; ) ) $post = $backup; wp_reset_query(); ?>

Bây giờ, sau mỗi bài viết, một danh sách các bài viết tương tự sẽ được hiển thị, mức độ liên quan của chúng được xác định bằng thẻ.



Giao diện của danh sách sẽ phù hợp với thiết kế trang web của bạn vì các kiểu được xác định trong mẫu sẽ áp dụng cho danh sách này.

Tuy nhiên, nếu bạn muốn thay đổi kiểu, bạn luôn có thể sử dụng lớp liên quan và đặt kiểu của riêng mình. Tôi đã thêm lớp này vào cuối danh sách.

Bạn cũng có thể thay đổi các thành phần được đánh dấu màu cam trong mã.

Ví dụ: bạn có thể muốn hiển thị các bài viết tương tự không phải theo thẻ mà theo danh mục. Mời khách truy cập làm quen với các tài liệu tương tự thuộc danh mục này.

Sau đó, làm theo thuật toán được mô tả ở trên, bạn chèn mã này:

Các bài viết tương tự cùng chuyên mục:

NHẬN DẠNG); if ($categories) ( $categories_ids = array(); foreach($categories as $individual_category) $category_ids = $individual_category->term_id; $args=array("category__in" => $category_ids, "post__not_in" => array( $post->ID), "posts_per_page"=>5 , // Số bài viết tương tự."ignore_sticky_posts"=>1); $my_query = wp_query mới($args); if($my_query->have_posts()) ( echo "
"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
• " rel="bookmark" title=" Đi tới bài viết !}">
"; ) ) $post = $backup; wp_reset_query(); ?>

Mã này chỉ sắp xếp các bài viết theo danh mục. Thẻ không còn đóng vai trò gì nữa.



Lời chào hỏi! Cuối cùng tôi cũng đã đợi được kỳ nghỉ của mình, tôi còn cả tháng nghỉ ngơi phía trước. Nhưng điều này không có nghĩa là công việc trên blog sẽ dừng lại. Và hôm nay, theo kế hoạch, là một bài đăng khác từ phần Code.

Việc hiển thị danh sách các bài viết liên quan ở cuối mỗi bài viết sẽ cải thiện các yếu tố hành vi trên blog, tăng thời gian sử dụng tài nguyên, v.v. Để làm điều này, không cần thiết phải cài đặt plugin và chỉ cần sử dụng mã đơn giản.

Không có gì bí mật khi các plugin tiêu thụ một lượng tài nguyên khá lớn và tôi cố gắng tránh sử dụng chúng nếu có thể. Một trong những bước hướng tới việc tối ưu hóa blog của bạn và tăng tốc độ tải là sử dụng một mã rất đơn giản để hiển thị các bài đăng tương tự trên WordPress mà không cần plugin.

Tiêu chí về sự giống nhau sẽ là việc gán tiêu đề cho một bài viết, tức là. Ở cuối mỗi bài đăng, bạn có thể chèn các bài đăng tương tự từ cùng một danh mục. Và để làm được điều này, bạn không cần phải gán nhãn (thẻ) cho bài đăng - Tôi không sử dụng chúng, chúng vẫn bị chặn lập chỉ mục, bởi vì dẫn đến sự trùng lặp nội dung trong một, cá nhân tôi vẫn còn nghi ngờ về sự tiện lợi của việc sử dụng chúng và việc để chúng vì vẻ đẹp là không thực tế...

Trước khi tôi bắt đầu sử dụng code hiển thị bài viết tương tự Tôi đã sử dụng plugin Bài viết liên quan đến WordPress và tôi muốn lưu ý rằng giao diện của danh sách không khác gì khi sử dụng plugin hoặc sau khi từ bỏ nó để chuyển sang sử dụng mã. Và thật tốt khi người đọc không tìm thấy bất kỳ sự khác biệt nào về ngoại hình, không cần phải làm quen với những điều mới mẻ. Vâng, bản thân tôi yêu thích sự ổn định.



Một chút về tính ổn định... Trong hai tháng qua, Blog quản trị trang web miễn phí đã thay đổi một chút về giao diện và chuyển từ thiết kế ba cột (2 thanh bên + phần chính) sang thiết kế hai cột (vẫn còn một thanh bên phải, phần chính đã được mở rộng). Tôi chưa bao giờ hỏi ý kiến ​​độc giả của mình về những thay đổi. Bạn có nghĩ điều này tốt hơn không?

Tôi xin lỗi vì lạc đề, tôi đang tiếp tục chủ đề và thực sự trình bày chính đoạn mã này, có thể thay thế plugin và hiển thị danh sách các bài đăng tương tự không có plugin ở cuối mỗi bài viết:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Đọc thêm: NHẬN DẠNG); if ($categories ) ( $category_ids = array () ; foreach ($categories as $individual_category ) $category_ids = $individual_category -> term_id ; $args = array ("category__in" => $category_ids , "post__not_in" => array ( $post -> ID ) , "showposts" => "5" , "orderby" => "Rand" , "ignore_sticky_posts" => "1" , "no_found_rows" => true , "cache_results" => false ) ; $ my_query = new wp_query($args ) ; if ( $my_query -> has_posts() ) ( echo " " ; while ($my_query -> has_posts () ) ( $my_query -> the_post() ; ?> "> " ; ) wp_reset_query() ; ) ?>

Đọc thêm:

NHẬN DẠNG); if ($categories) ( $category_ids = array(); foreach($categories as $individual_category) $category_ids = $individual_category->term_id; $args=array("category__in" => $category_ids, "post__not_in" => array( $post->ID), "showposts" => "5", "orderby" => "Rand", "ignore_sticky_posts" => "1", "no_found_rows" => true, "cache_results" => false); $ my_query = new wp_query($args); if($my_query->have_posts()) ( echo "

"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
• ">
"; ) wp_reset_query(); ) ?>

Hãy chú ý đến dòng:

"orderby" => "rand",

Về cơ bản đó là tất cả các cài đặt.

Trong CSS, bạn có thể chỉ định các cài đặt hiển thị bổ sung; mã thực thi được đặt trong một lớp dành riêng cho mục đích này

1	.sample-bài viết ( )

Bài viết mẫu()

Sử dụng biểu định kiểu, bạn có thể đặt nền hoặc đặt ảnh vào nền, đóng khung, sử dụng phông chữ khác, sử dụng các điểm đánh dấu khác nhau cho danh sách, v.v. — khả năng chỉ bị giới hạn bởi trí tưởng tượng của riêng bạn!

Ai có nhu cầu thảo luận thì mời các bạn bình luận và nếu không khó thì trả lời câu hỏi ở giữa bài)