Thesis WordPress theme is one of the best Wp Theme,using by number of professional bloggers.It has number of options to display your blogging content as you like.Even you can customize thesis theme without using the wordpress plugins.I am talking about features posts in thumbnails hook.There are number of ways to display featured posts or the posts from specific category in Thesis WordPress theme.
You can display feature posts in thumbnails with post titles anywhere on your wordpress blog.
Before you read next,Here is my another list of blog posts related to Thesis WordPress theme:
Customized Thesis Hook Code:
First you would need to paste the code below in your custom_functions.php under the hook you want to display OR in the specific hook inserting box in open hook plugin setting page.
1: <div class="relatedphotos">
2: <h3>Editors' Picks</h3>
3: <ul>
4: <?php $recent = new WP_Query("cat=3&showposts=5&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?>
5: <li>
6: <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(200,150), array("class" => "thumbs")); } ?></a>
7: <br />
8: <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
9: <?php endwhile; ?>
10: </ul>
11: </div>
12: <br>
You can modified this hook as you want.If you want to display the posts from specific category,change the id of category and number of posts you want to display:
Find the given line in the above code and add the parameter you want.
<?php $recent = new WP_Query(“cat=3&showposts=5&orderby=rand”); while($recent->have_posts()) : $recent->the_post();?>
Once you have done that then you can display it by updating the code.
Custom CSS
We are using custom CSS classes, so you would need them as well. Paste the following code in your custom_style.css file.
1: .relatedposts {
2: margin:0 0 0 0;background:#ffffff;
3: border:1px solid #7de7f2;
4: }
5:
6: .relatedposts h3{
7: font-size:11px;border-bottem:1px dotted #ddd;display:block;
8: margin:0 5px 5px 0;
9: }
10:
11: .relatedposts ul{
12: margin:0 0 15px 20px;
13: padding:0;
14: }
15:
16: .relatedposts ul li{
17: margin:0 0 4px 0;
18: background:url(images/rcomments.gif) no-repeat left;
19: padding:1px 0 0 15px;
20: list-style:none;
21: }
22:
23: .relatedposts ul li a:hover{
24: color:#fff;
25: background:#ef2690;
26: }
27:
28: .relatedphotos {
29: margin-bottom:15px;margin-top:15px;padding:3px;
30: border:1px solid #cecece;
31: overflow:hidden;background: #eeeeee;
32: -moz-border-radius:5px;
33: -webkit-border-radius:5px ;
34: border-radius:5px ;
35: height:100%;
36: }
37:
38: .relatedphotos h3{
39: font-size:17px;border-bottom:1px dotted #cecece;
40: margin:5px 20px 4px 5px;color: #61666C;font-weight:bold;
41: }
42:
43: .relatedphotos ul{
44: margin:0 0 15px 20px;
45: padding:0;
46: }
47:
48: .relatedphotos ul li{
49: margin:0 20px 4px 0;
50: padding:5px;
51: list-style:none;
52: display:inline;
53: width:170px;
54: float:left;font-size:12px;font-weight:bold;
55: text-align:left;
56: }
57:
58: .relatedphotos ul li a{
59: color:#2B75BA;padding:2px;
60: }
61:
62: .relatedphotos ul li a:hover{
63: color:#333;
64: }
Save the file.You are able to display the posts with thumbnails from specific category now.
Customization Curtsey :5Lemons
Say Something:
If you have additional solutions to this problem, please share it with us in the comments.
Facebook
Twitter
Youtube
{ 2 comments… read them below or add one }
That’s great! Is it really necessary that I should add the second coding in the .css file? Is that for the display of the thumbnails?
This doesn’t work at all for me.
Where should I insert the code for the custom_functions.php file exactly?
add_action(‘thesis_hook_after_header’, ”);
Also – deleting the line numbers after copy&paste is a bitch.
)