Sidebar, Wordpress

Show Recent Posts from a particular term in Custom Taxonomy

2 45

Since the introduction of Custom taxonomies and custom post types, Many WordPress users started using them. I am one of those developers who have used custom taxonomies in my recent website called Windows7themer. In windows 7 themer, I have used custom taxonomy called “Windows 7 utilities”. Windows 7 utilities contains terms such as Themes, Screensavers, rainmeter themes, visual styles, etc. So i wanted to show recent posts from each of those terms in sidebar. So i started working on showing recent posts from particular term in a custom taxonomy. Now i have even applied it for smashingtips as well as i created a custom taxonomy called hacks for grouping WordPress hacks. Now let us see the code and its implementation.


Know the Code
PHP Snippet

<?php

$args = array( 'taxonomy'=>'Hacks','term'=>'theme-functions','posts_per_page'=>5 );

$action_films = new WP_Query( $args );

while( $action_films->have_posts() ) : $action_films->the_post();

?>

<!-- recent posts list style goes here-->


<?php endwhile; ?>      

In the above PHP snippet, you need to edit two lines.


$args = array( 'taxonomy'=>'utilities','term'=>'themes','posts_per_page'=>5 );

In the above line, ‘Utilities’ represents my custom taxonomy name. Remember this is case sensitive, so you must type the custom taxonomy name same as you typed while creating.


'term'=>'theme-functions'

I am trying to show posts from the term ‘themes’ in custom taxonomy called “Utilities”. So you must type the name as you see in the term slug.


'posts_per_page'=>5

This is used to control the number of posts you want to show under that particular term in the custom taxonomy.


<!-- recent posts list style goes here-->

It is the area in which you need to add the code to display the recent posts. If you just want to display list of recent posts without any thumbnail, then you can use the following code in that area.


<li><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>

If you want to show recent posts along with thumbnail and other data such as number of comments and date, then use the following code.


<li>

<?php echo get_the_post_thumbnail($id, array(50,50) );?>

<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark">

<?php the_title(); ?>
</a>

<span class="meta"><?php the_date(); ?> | <?php comments_number(__('No Comments'), __('1 Comment'), __('% Comments')); 
?>
</span>

</li>

Here I am using the default get_the_post_thumbnail() function to get the thumbnail. But the theme developers may use different ways to get the thumbnails. For example, some still use the old “Custom fields” to get the thumbnail image. So please add corresponding code to get your thumbnail, anyhow for most of the newer themes get_the_post_thumbnail() will work fine.


<?php echo get_the_post_thumbnail($id, array(50,50) );?>

In the above line, the numbers within the array 50,50 represents the image height and width. Try changing it to suit your sidebar design.

Implementation of Code

Let’s see the final code to implement in your blog.

Recent Posts without Thumbnail


<?php

$args = array( 'taxonomy'=>'Hacks','term'=>'theme-functions','posts_per_page'=>5 );

$action_films = new WP_Query( $args );

while( $action_films->have_posts() ) : $action_films->the_post();

?>

<li><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>


<?php endwhile; ?>      

Recent Posts with Thumbnail


<?php

$args = array( 'taxonomy'=>'Hacks','term'=>'theme-functions','posts_per_page'=>5 );

$action_films = new WP_Query( $args );

while( $action_films->have_posts() ) : $action_films->the_post();

?>


<li>
<?php echo get_the_post_thumbnail($id, array(50,50) );?>

<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a>
<span class="meta"><?php the_date(); ?> | <?php comments_number(__('No Comments'), __('1 Comment'), __('% Comments')); ?></span>
</li>

<?php endwhile; ?>      

Conclusion

You need to place those codes in your template to show the recent posts from a particular term in custom taxonomy of wordpress. I guess that this article will be useful to you all. As we all know, in WordPress we can do same thing in different ways. If you have any other alternative please let me know. I will add your trick with credit to your blog.

About the author / 

admin

Related Posts

Popular

Editor’s Pick

  • 20+ incredible Gigapixel Photography Inspirations

    Gigapixel photography is a new trend that has come about in the last few years, creating 1,000+ megapixels of data in single images, cropped together to create a monstrous image. The detail and spectrum that can be captured in a Giga pixel image is unlike that of anything that a single camera can capture. For…

  • A Complete Guide to Bathing Your Baby

    Mastering the Art of Newborn Bathing: Expert Tips and Tricks for a Happy Baby

    Bathing a newborn can be a daunting task for new parents, but it’s an essential part of their routine care. Not only does it keep your baby clean, but it can also help soothe them and establish a relaxing bedtime routine. In this video, we’ll be sharing some tips and tricks for making bath time…

  • Read More hack for Blogger with automatic Thumbnail creator script

    You might have noticed that since few weeks I have been using a strange script which enables us to summarize content and show only the summary with a thumbnail in Home Page , Archives page and Labels page. Since some of my readers requested this hack in gtalk , so I am going to explain…

  • 40+ best online coloring tools for graphic designers

    If you are a web designer or dealing with some graphic design project then you will need some coloring tools for getting color hints from ready made color templates from professional designers. There are lots of Online color tools, but it will take time to search them all via Google. So i have tried to…

  • Exploring the Wonders of Gigapixel Photography: How to Achieve Stunning Detail and Clarity in Your Images

    Gigapixel photography is a technique that captures images with incredibly high resolution and detail, allowing for stunningly clear and vibrant pictures that are perfect for printing or displaying on large screens. In this article, we’ll explore some tips and techniques you can use to achieve amazing results with gigapixel photography. Definition of gigapixel photography Gigapixel…