September 2009

When browsing other WordPress blogs with awesome themes, I always find myself wondering how someone handled a particular aspect of the layout or functionality. This is especially true with the Thesis Theme, because of the difference in setup due to the Thesis hooks system. So for anyone browsing Kikolani, I wanted to answer the question of “how did you do that” in a new series on WordPress Thesis Theme Customization.

Part Three B: Posts & Social Bookmarking Icons

There are five main customizations that I have done to my single posts.

Custom Byline with Tweetmeme Button

The first customized item is the custom byline, or the details right under the post title, which shows on the main index page, archives, and single post pages. In Thesis Options, under Display, I set the Byline to include “Show author name in post byline,” “Link author names to archives,” and “Show published-on date in post byline.”

Then, in the custom_functions.php, I add a custom byline function to the Thesis byline item hook using this code:

add_action('thesis_hook_byline_item','custom_byline');

In the custom byline function, I include the following to add the comment count to the byline, and also include the Tweetmeme controls as well to make re-tweeting articles easy:

function custom_byline() {
?>
 in <span class="url fn"><?php the_category(', '); ?></span> | <a href="<?php comments_link(); ?>" class="url fn"><span class="url fn"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></span></a> <div style="float:right;margin-top:-19px;margin-right:-10px;"> <script type="text/javascript"> tweetmeme_url = '<?php the_permalink() ?>'; tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>
<?
}

Continue WordPress Thesis Theme Customization Part Three B: Posts & Social Bookmarking