Learn Thesis Theme Fast to Build Unique and Beautiful Websites

Thesis Designer Guide is the fastest way to learn the Thesis framework.
A step-by-step guide walks you through all the essential things you need to know to become a Thesis design expert.
You don’t need to be a programmer to learn Thesis design.
The complete Thesis Designer Guide covers all the coding basics and tools needed to become a Thesis expert.

Home > Thesis Theme Tutorials > Thesis Theme Customization > How to Add Featured Post Inside Feature Box of Thesis Theme

How to Add Featured Post Inside Feature Box of Thesis Theme

by Suresh in How To,Thesis Theme Customization,Thesis Theme Tutorials

Thesis theme 1.6 has two similar features as feature box and multimedia box. By default multimedia box available above the sidebars. If you don’t want multimedia box you can remove with help of this link. In this video tutorial explains about two things first how to enable feature box and second how to display featured posts inside the feature box.

Feature box is a great feature of thesis 1.6. You can add whatever you want inside the feature box by using the hook thesis_hook_feature_box. You can use feature box as a welcome box for your visitors and you can also convey your wishes during the festival seasons using this feature box.

How to Enable Feature box

To enable feature box in thesis 1.6 go to wordpress admin. Select ‘design options’ under thesis options in left side of the wordpress dashboard. Here we have feature box section. shown in below image.

Enable feature box options

In this section you can enable feature box before content and sidebars or inside the content and above post then save it. you can also select feature box to display homepage only or all the pages. This tutorial I am enabled feature box above post and inside content. Now you can add post inside the feature box.

How to add featured article inside the feature box

To add featured post follow the below steps.

Step 1:

Copy and paste the below code in custom_function.php file by using ftp software.

/* To add featured post in feature box paste it in custom_function.php  *****/

function featurecontent() { ?>
<div id="my-feature-box">
<?php $my_query = new WP_Query('category_name=featured&showposts=2'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?>
<div id="my-feature-box1">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<div class="featurereadmore">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Read the full article">Read the full article &rarr;</a>
</div>

</div>

<?php endwhile; ?>
</div>
<?php
}

add_action('thesis_hook_feature_box', 'featurecontent');

The above code I have used the category name as ‘featured’ and number of post to show inside the feature box is 2. If you want you can change it as 1 or 3 but when you change it you should adjust #my-feature-box1 width in the custom.css code. If you want one post you should change width as 100%.

Step 2:

To style your feature box copy and paste the below code in custom.css file.

/* Featured Post Formatting */

.custom #feature_box {  padding:0em; }

.custom #my-feature-box1 { width:46%; padding-left:1em; }
.custom #my-feature-box,#my-feature-box1  {float:left;  font-family: Helvetica,Arial,sans-serif; color: #ffffff; background: #111; padding: 22px 15px 22px 15px; }
.custom #my-feature-box h2 { font-size: 2.2em; margin: 0 0 15px 0; }
.custom #my-feature-box h2 a,#my-feature-box a  { color: #fff; text-decoration: none; }
.custom #my-feature-box h2 a:hover { color: #fb0; }
.custom #my-feature-box p {color:#fb0;  font-size: 1.5em; line-height:1.5em; text-align: justify;}
.custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; }
.custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; }

The above code you can change text color, background and etc.

Step 3:

Create a category in the name of ‘featured’ in your wordpress dashboard. For this select ‘categories’ under posts in dashboard here you can create your featured category.

Then add some posts in this category which will display in the feature box. If you have more than two posts in this featured category the feature box will display latest two posts in the same category. Once you done these three steps your feature box will shown like the below image.

Related Tutorials:

{ 70 comments… read them below or add one }

aviationMY

Hai Pascal,

i am seriously need your help..you can respond to me via email if its too long..

so my problem is:

I use all of your tutorial on how to customize and change thesis look..BUT it is only works in Mozilla Firefox’s browsers only…!!!!

when i open my website in my friend laptop using a Google Chrome and IE8 my website look so ugly!

its all turns to be upside down…all mess up..what i saw in Firefox, i not saw it in IE or Chrome maybe Opera or Safari…no sidebars, padding all over the way…to be short, everything look so mess up!!

help me if i need to do something with it…only Firefox can handle my customization in ship shape right now…

i only do customization in custom_function.php and custom.css…like you did in your tutorial

i am pretty sure all (maybe beginner)thesis user facing the same problem..even i open somebody’s site using thesis only for navigation padding to the right flush with the content also mess up in IE…

i open your site in all major browser..and its look nice like open in Firefox…

hope you can respond to me or maybe you want to put it in your tutorial

hope for your reply to me ASAP…

thank you!

Connect FourBlogger

Learn Thesis Theme Fast to Build Unique and Beautiful Websites

How to Add Featured Post Inside Feature Box of Thesis Theme

How to Enable Feature box

How to add featured article inside the feature box

Step 1:

Step 2:

Step 3:

Related Tutorials:

Popular Tags:

Categories

Popular

Latest

Useful Links