Plugins for displaying similar posts in WordPress. Related Posts Thumbnails plugin: displaying similar posts with images for WordPress

ID); 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()) ( echo "

< div class = "related_posts" > < div class = "related-zagolovok" >Be sure to check out similar posts< / div > $categories = get_the_category ($post -> ID ) ; 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()) ( echo " " ; while ($my_query -> have_posts () ) ( $my_query -> the_post () ; < div class = "obz" > < a href = " " title = " !}" > < div id = "related_posts_box" > < / div > < / a > < / div > echo " " ; wp_reset_query(); < / div >

To set up similar entries, we are interested in 3 lines in this code:

• Line 9 - is responsible for the post display mode. Now it should display similar posts from the same category. That is, if a post is in a certain category, then only posts from that same category will be shown in the block. This creates interlinking within each category;

If we want to change this parameter, we can display posts by tags. If you set them for articles, the code will display posts similar in tags. To do this, you need to replace the entire 9th line with ‘tag__in’ => $tag_ids,.

• Line 11 - the number of displayed posts in the block. As I already said in the previous article about the similar posts plugin, the optimal number of posts in terms of usefulness for linking is up to 5 posts. I still left 4 posts for output;
• Line 12 - random output of records, that is, every time the page is refreshed in a certain article, a new list of similar records will be generated. In this code, I preferred to leave this parameter and if you now try to refresh the page, you will see that a completely different list of posts will appear. and this will happen with every update. This kind of random (random linking) helps a lot.

If you want the list to be fixed all the time, you need to remove the 12th line completely. But I didn’t like this option, since a list of the last 4 posts in the category will be displayed all the time and it will not change, no matter what post they are in. I wasn't very happy with this. Maybe yours will be different. You try it.

To display similar posts without a plugin, you need to paste this code into your theme's single.php file where the content output ends. I have an article on how to determine this place. There he described everything in detail and gave a video lesson. It will help you find out the place where you need to place such codes.

The final version in my file looks like this.

After this, similar posts should already be displayed. But to complete the procedure, they need to be properly prepared. I did not outline each post in this block with some kind of frame. We strive for simplicity. I give you my styles, which need to be placed in the style file of your template style.css.

Related_posts ( float: left; margin: 15px 0; width: 100%; ) #related_posts_box ( min-height: 205px; float: left; margin: 2px; padding: 6px 3px 0px 0px; width: 166px; color: #004A95; ) #related_posts_box:hover ( text-decoration: underline !important) .related-zagolovok ( margin-top: 5px; margin-bottom: 9px; padding: 15px 0 0 0; color: #34495e; font-family: arial; font -size: 24px; line-height: 130%; font-style: italic; border-top: 1px solid #ddd;) .obz (padding: 0 12px 0 6px; width: 152px; float: left)

related_posts( float: left; margin: 15px 0; width: 100%; ) #related_posts_box ( min-height: 205px; float: left; margin: 2px; padding: 6px 3px 0px 0px; width: 166px; color : #004A95 ; ) #related_posts_box:hover ( text-decoration : underline !important ) Related-title ( margin-top: 5px; margin-bottom: 9px; padding: 15px 0 0 0; color : #34495e ; font-family: arial; font-size: 24px; line-height: 130%; font-weight: bold; font-style: italic; text-align: center; border-top : 1px solid #ddd ; )

Friends, hello everyone. Today we’ll talk about how to create a list of related articles in WordPress without a plugin. Similar materials improve behavioral factors. They are usually placed at the end of the article so that the visitor can read other articles on the topic.

Thus, if you interest a visitor, he will stay on your site longer, and similar articles will help him better understand the solution to his problem.

You can create a list of similar articles with and without thumbnails using pure PHP code or a plugin. Everyone chooses their own path.

Until recently, I used the WordPress Related Posts plugin for this on my blog. A good plugin, it can be beautifully designed to suit any design, displaying similar articles.

Only in the struggle for site loading speed, I decided to replace this plugin with simple code. Because this plugin slowed down the loading of my blog from 0.5 to 0.9 seconds depending on the time and load.

And so I decided to use php code to display similar articles, which allows you to display articles by sorting them by tags or categories (headings).

As a rule, a list of similar articles is displayed at the end of the article. In most WordPress themes, the single.php file is responsible for articles (posts). It is in this file that you need to insert the code responsible for displaying similar articles.

Warning: Make a backup copy of the single.php file before starting work.

Step 1: Find a place to paste the code.

We all have different patterns and their structure is slightly different from each other. For example, in my theme there is no single.php file at all. I created , and do all the modifications through the theme function file. And this is an order of magnitude more difficult than editing regular files.

To determine the correct place to insert the code, you first need to look at the page, find the main elements on it, and then in the source code it will be easier for you to find the necessary place for the code.

As you can see in the screenshot, the appropriate place to insert the code is after the end of the article, before the navigation.

So, open the WordPress admin panel - "Appearance" — "Editor" — "One entry (single.php)". And in the file, look for the code responsible for displaying the article. It will look something like this:

...

After this fragment you can insert the code of similar articles. In my example, the navigation code will go further.

Step 2: Insert code for similar articles.

Once you have decided on the location, paste this code:

ID); 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 , // Number of similar articles displayed."ignore_sticky_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) ( echo "

"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
• " rel="bookmark" title=" Go to article !}">
"; ) ) $post = $backup; wp_reset_query(); ?>

Now, after each article, a list of similar articles will be displayed, the relevance of which is determined by tags.



The appearance of the list will match the design of your site, since the styles defined in the template apply to this list.

But, if you want to make changes to the styles, you can always use the relatedPosts class and set your own styles. I have already added this class to the base of the list.

You can also change the elements marked in orange in the code.

For example, you might want to display similar articles not by tags, but by category. Inviting the visitor to familiarize himself with similar materials from this category.

Then, following the algorithm described above, you insert this code:

Similar articles from the category:

ID); 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 , // Number of similar articles."ignore_sticky_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) ( echo "
"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
• " rel="bookmark" title=" Go to article !}">
"; ) ) $post = $backup; wp_reset_query(); ?>

This code only sorts articles by category. Tags no longer play any role.



Greetings! I’ve finally waited for my vacation, I have a whole month of rest ahead. But this does not mean that work on the blog will stop. And today, as planned, is another post from the Code section.

Displaying a list of related posts at the end of each post improves behavioral factors on the blog, increases the time spent on the resource, etc. To do this, it is not necessary to install plugins and just use simple code.

It's no secret that plugins consume a fair amount of resources and I try to avoid using them if possible. One of these steps towards optimizing your blog and speeding up loading is to use a very simple code to display similar posts on WordPress without plugins.

The similarity criterion will be the assignment of a heading to an article, i.e. At the end of each post you can insert similar posts from the same category. And for this you don’t need to assign labels (tags) to the post - I don’t use them, they are still blocked from indexing, because lead to duplication of content within one , the convenience of their use remains questionable for me personally, and leaving them for beauty is not practical...

Before I started using code to display similar posts I used the WordPress Related Posts plugin and I want to note that the appearance of the list is no different either when using the plugin or after abandoning it in favor of the code. And it’s very good that the reader doesn’t find any differences in appearance, he doesn’t have to get used to something new. Yes, I myself love stability.



A little about stability... For the past two months, the Free Webmaster Blog has slightly changed its appearance and moved from a three-column design (2 sidebars + the main part) to a two-column one (one right sidebar remains, the main part has expanded). I never got around to asking my readers for their thoughts on the changes. Do you think this is better?

I apologize for being off-topic, I’m continuing the topic and actually presenting the code itself, which can replace plugins and display a list of similar posts without plugins at the end of each article:

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

Read also: ID); 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() ; ) ?>

Read also:

ID); 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(); ) ?>

Pay attention to the line:

"orderby" => "rand",

That's basically all the settings.

In CSS, you can specify additional appearance settings; the executable code is enclosed in a class specifically for this purpose

1	.sample-posts ( )

Sample-posts()

Using style sheets, you can set a background or put a picture in the background, frame it, use a different font, use different markers for a list, etc. — the possibilities are limited only by your own imagination!

Those wishing to discuss, I invite you to comment and if it’s not difficult, please answer the question asked in the middle of the entry)