Post Related Hacks

01. How to List Your Upcoming Posts

If you want to display your schedule posts in a list which can often help readers to give them heads up about what you’re going to publish in upcoming days. This can also help you to get new visitors and some more RSS subscribers. It’s not very hard to implement this functionality as it seems. You just need to simply paste this code where you’d like your future posts to be displayed.

<div id="zukunft">
  <div id="zukunft_header">

Future events
  </div>

 <?php query_posts('showposts=10&post_status=future'); ?>
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  <div>
  <p class=""><b><?php the_title(); ?></b><?php edit_post_link('e',' (',')'); ?>

 <span class="datetime"><?php the_time('j. F Y'); ?></span>
  </p></div>

 <?php endwhile; else: ?>

No future events scheduled.

<?php endif; ?>
</div>

Source Link

02. How to List Your Most Popular Posts

There are many ways by which you can show popular posts to your readers. It’s been quite a simple to install a plugin to display your most popular posts. But if you want to avoid plugins and want to create a list for your most popular post then you just need to paste the following code anywhere in your theme files. If you want to show popular posts in your sidebar section then simply go to sidebar.php and paste the code.

NOTE: Just change the “5″ in line 3 to change the number of displayed popular posts.

<h2>Popular Posts</h2>
  <ul>
  <?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");
  foreach ($result as $post) {
    setup_postdata($post);
    $postid = $post->ID;
    $title = $post->post_title;
    $commentcount = $post->comment_count;
    if ($commentcount != 0) { ?>

<li><a href="<?php echo get_permalink($postid); ?>" title="<?php echo $title ?>">
    <?php echo $title ?></a> {<?php echo $commentcount ?>}</li>
    <?php } } ?>

</ul>

Source Link

03. How to Display Related Posts

Related posts are often helpful to make your readers stay much longer on your website as they offer them to easily navigate related content via simple clicks.

To implement this hack you just need to open the single.php file in your theme and pasted following code within the loop. This code will display related posts based on the current post tag(s).

<?php
//for use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);  
if ($tags) {  
  echo 'Related Posts';  
  $first_tag = $tags[0]->term_id;  
  $args=array(  
    'tag__in' => array($first_tag),  
    'post__not_in' => array($post->ID),  
    'showposts'=>5,      'caller_get_posts'=>1 
  );  
  $my_query = new WP_Query($args);  
  if( $my_query->have_posts() ) {  
    while ($my_query->have_posts()) : $my_query->the_post(); ?>  
      <p><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>    
    <?php endwhile;  
  }  
}
?>

Source Link

Comment Page Related Hacks

04. Displaying Recent Comments

Recent comments are very helpful for readers to comment on any topic about any ongoing discussion. To display your most recent comments, you will have to modify your functions.php file from the theme folder. If the functions.php file is not present, make a new text file, name it functions.php and add it to your theme folder. Add the following code to it and save the file.

<?php
function recent_comments($src_count=10, $src_length=60, $pre_HTML='<ul>', $post_HTML='') {
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,
SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC
LIMIT $src_count";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
foreach ($comments as $comment) {
$output .= "<li><a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."...</a></li>";
}
$output .= $post_HTML;
echo $output;
}
?>

Now, wherever you want to show the list of recent comments, just add this code.

<?php recent_comments(); ?>

Source Link

05. How to Display The Most Commented Posts in Specific Period

Many time it’s rather helpful to show most commented posts on your blog to make things easy for readers in selecting the most controversial or popular posts.

To display a list of your 10 most commented posts from some specific period, simply paste the following code on your blog sidebar, or anywhere on your theme.

NOTE: just change the “2008-01-01″ and “2008-12-31″ in line 4 to your desired starting and end date respectively to display the desired posts.

<h2>Most commented posts from 2008</h2>
<ul>
<?php
$result = $wpdb->get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb->posts WHERE post_date BETWEEN '2008-01-01' AND '2008-12-31' ORDER BY comment_count DESC LIMIT 0 , 10");

foreach ($result as $topten) {
  $postid = $topten->ID;
  $title = $topten->post_title;
  $commentcount = $topten->comment_count;
  if ($commentcount != 0) { ?>
    <li><a href="<?php echo get_permalink($postid); ?>"><?php echo $title ?></a></li>
  <?php }
} ?>
</ul>

Source Link

06. How to Separate WordPress Comments and Trackbacks

Trackbacks are the messages displayed in the comments list whenever another blog links back to one of your posts. If you use trackbacks on your blog, it is best if they are not mixed with the comments. The comments are a conversation between real people. Having machine-generated links in the middle of that will only serve to disrupt the conversations.

In order to separate the comments and trackbacks, you just need to follow these steps.

Open comments.php, and search for the following line

<?php foreach ($comments as $comment) : ?>

After it, paste the following

<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>

Now look for

<?php endforeach; /* end for each comment */ ?>

And before it, paste

<?php } else { $trackback = true; } /* End of is_comment statement */ ?>

Now your list of comments will continue to display as normal, but without any trackbacks or pingbacks. Now we will add a second comments loop for the trackbacks.

Look for the following line

<?php else : // this is displayed if there are no comments so far ?>

And before it, paste this: (The “Trackbacks” title line can be deleted if you don’t want a heading to be shown)

<?php if ($trackback == true) { ?>
  <h3>Trackbacks</h3>
  <ol>
  <?php foreach ($comments as $comment) : ?>
    <?php $comment_type = get_comment_type(); ?>
    <?php if($comment_type != 'comment') { ?>
      <li><?php comment_author_link() ?></li>
    <?php } ?>
  <?php endforeach; ?>
</ol>
<?php } ?>

Source Link

Images Related Hacks

07. Automatically Retrieve The First Image From Posts On Your Home Page

Traditionally, Most of the WordPress users using custom field to show the thumbs on the posts at their blog homepage. It’s easy to implement the custom field practice too but what if your blog automatically grab the first image from the post and you don’t need to worry about post main thumbnail. Sounds good idea to me at least.

To implement this hack open the functions.php file in your theme and paste this code in. Also, Don’t forget to specify a default image on line 10 (in case a post of yours does not have any single image).

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img .+src=[\'"]([^\'"]+)[\'"].*/>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

 if(empty($first_img)){ //Defines a default image
  $first_img = "/images/default.jpg";
  }
  return $first_img;
}

Now, you can simply call the function within the loop to display the first image from the post.

<?php echo catch_that_image() ?>

Source Link

08. Automatically Get Images on Post Content

As i explained in earlier hack that the custom fields are one of the best options around to show images in your post, But it would be wonderful if there is some way to retrieving images embedded in the post’s content itself. Today is your lucky day as we have something to help you with.

To use this hack you just need to paste the following piece of code anywhere in your theme.

<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>

<?php
  $szPostContent = $post->post_content;
  $szSearchPattern = '~<img [^\/>]*\ />~';

// Run preg_match_all to grab all the images and save the results in $aPics
  preg_match_all( $szSearchPattern, $szPostContent, $aPics );

// Check to see if we have at least 1 image
  $iNumberOfPics = count($aPics[0]);

if ( $iNumberOfPics > 0 ) {
  // Now here you would do whatever you need to do with the images
  // For this example the images are just displayed
  for ( $i=0; $i < $iNumberOfPics ; $i++ ) {
  echo $aPics[0][$i];
  };
  };

endwhile;
endif;
?>

Source Link

09. How to Display a Random Header Image on Your WordPress Blog

It’s kind of ironic, if your header image changes automatically on every refresh. A lot of WordPress users seem to be very interested to keep the ability to show a random header image.

It’s not hard, it’s just very simple then you think. You just have to follow these simple steps.

• Select some images which you want to display on header and name them 1.jpg, 2.jpg, 3.jpg and so on. There is no limit on number of images. select as many as you want.
• Upload aa of your images into “wp-content/themes/yourtheme/images” directory of your WordPress.
• Paste the following code in to your “header.php”

$num = rand(1,10); //Get a random number between 1 and 10, assuming 10 is the total number of header images you have
<div id="header" style="background:transparent url(images/.jpg) no-repeat top left;">
</div>

Source Link

10. How to Create Image Gallery in WordPress

Using Image gallery to display images associated with your blog is definitely a great idea, Even WordPress 2.5+ have inbuilt Image Gallery function where you can upload your images in a set and then insert the gallery either into your post or a new page. But what about the themes which working on older version then 2.5 or even some new themes which needs a good gallery to display the images.

In order to create a image gallery in your existing theme you need to do some modifications. First open the “single.php” in your theme folder and save it as “image.php” in same folder. Now open “image.php” and search the line which displays the post content. It should be somewhat in the following form. It can differ a bit but the function is called by the_content like this

<?php the_content('Read More'); ?>

Now insert the following code above the aforementioned code (the_content).

<p class="attachment">
  <a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
</p>
<div class="caption">
  <?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?>
</div>

Also insert the following code below the aforementioned code (the_content).

<div class="imgnav">
<div class="imgleft"><?php previous_image_link() ?></div>
<div class="imgright"><?php next_image_link() ?></div>
</div>
<br clear="all" />

Now, add this CSS to your theme’s style.css file

/****************Image Gallery *********************/
.gallery {
      text-align: center;
}
.gallery img {
      padding: 2px;
      height: 100px;
      width: 100px;
}
.gallery a: hover {
      background-color: #ffffff;
}
.attachment {
      text-align: center;
}
.attachment img {
      padding: 2px;
      border: 1px solid #999999;
}
.attachment a: hover {
      background-color: #FFFFFF;
}
.imgnav {
      text-align: center;
}
.imgleft {
      float: left;
}
.imgleft a: hover {
      background-color: #FFFFFF;
}
.imgleft img {
      padding: 2px;
      border: 1px solid #999999;
      height: 100px;
      width: 100px;
}
.imgright {
      float: right;
}
.imgright a: hover {
      background-color: #FFFFFF;
}
.imgright img {
      padding: 2px;
      border: 1px solid #999999;
      height: 100px;
      width: 100px;
}

Now to use this gallery, just upload your images in a post or a page, go to the gallery option (after you have finished uploading all your images) and insert gallery into your post/page.

Source Link

11. How to Add a Print Button to Your Blog Posts

It’s a good practice to give your users a facility to print your blog posts. Of course user can print it directly via browser or keyboard shortcuts, but you can make this process easy to provide them a direct print button on the blog.

Just open up your single.php file (for individual posts) from the theme folder and add the following code wherever you want to have the Print option.

<a href="javascript:window.print()" rel="nofollow">Print this Article</a>

Source Link

Social Networking Related Hacks

12. How to Create A “Send To Facebook” Button

Everyone knows Facebook. No into needed. facebook is a very popular website to share the webpages you like with your friends. In order to increase your blog traffic, you should definitely add a “Share on Facebook” link to your blog.

To add this link, open the single.php file in your theme. And add the following code in the loop.

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>

Else, you could use the getTinyUrl() function to send a short URL to Facebook.

<?php $turl = getTinyUrl(get_permalink($post->ID)); ?>
<a href="http://www.facebook.com/sharer.php?u=<?php echo $turl;?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>

Source Link

13. How to Create a “Send to Twitter” Button

It’s also very simple to create a link that send your links to twitter where you can share your link with millions of users. Simply paste the following code on your single.php file, within the loop.

<a href="http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>" title="Click to send this page to Twitter!" target="_blank">Share on Twitter</a>

Source Link

14. How to Automatically Post Daily Links from Del.icio.us to WordPress

There is a trick by which you can get more daily post on your blog than usual. Instead of simply posting every cool link you find onto your blog, you just need to do some tweaks by follow some simple steps from following article which can help you to have all your del.icio.us links automatically posted on your blog everyday.

Source Link

Author Related Hacks

15. Highlighting Author Comments in WordPress

It takes a bit of tweaking in order to separate the author’s comments from the readers’ comments. Usually it can be done by changing the color or style of the author’s comments. The trick is simple: instead of checking the author’s email address, check their user id to see if it’s the user id of the blog owner. Pretty smart. After that, it was a simple matter of times to see the result.

Open the “style.css” and near the bottom added these lines.

.authcomment {
      background-color: #B3FFCC !important;
} 

Open up the comments.php file from your theme folder and try to locate the following code.

<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
</li>

Replace the above code with this.

<li class="<?php if ($comment->user_id == 1) $oddcomment = "authorstyle"; echo $oddcomment; ?>"
</li>

Source Link

16. Add Author Info With Every Blog post

Displaying author bio inside a post is a great idea. Specially, for the guest authors which seriously want to spread their words around. You might not found this useful for single user blogs. But for multi-authored blogs, It’s often useful to put author description in the end of the respective post so the readers can know who that person is without having to refer to an about me page.

So let’s see how it goes. Inside of an every user profile there is this section where you can place information about yourself. Just add the author info you want to display in it.

Open your Style sheet and add this to it.

.postauthor {
}

Now browse to your themes “index.php” file and look for something like this.

<?php the_content('Read the rest of this entry »'); ?>

Just place following code below the above function.

<div class="postauthor ">
    <?php the_author_description(); ? >
</div>

It’ll do the trick and you have author bio in place. Now you can style it with different combination from your Style sheet. Here’s one example.

.postauthor {
      color: #222222;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: normal;
      background: #EAEAEA;
      border-top: 2px solid #000000;
      border-bottom: 1px solid #000000;
      width: 640px;
      padding: 3px;
      margin-bottom:5px;
}

Source Link

17. Listing All the Authors from Your Blog

Just as we mentioned above that for multi-authored blogs, It’s often useful to put authors description in the end of the respective post. And it’s even more useful for readers to put the list of all the blog authors on your WordPress blog if anyone wants to follow any specific author. You just need to place following code anywhere you want to display the list.

<?php wp_list_authors('exclude_admin=0&optioncount=1&show_fullname=1&hide_empty=1'); ?>

You also can tweak the parameters to adjust the display.

• exclude_admin: 0 (include the admin’s name in the authors list) / 1 (exclude the admin’s name from the list)
• optioncount : 0 (No post count against the author’s name) / 1 (display post count against the author’s name)
• show_fullname : 0 (display first name only) / 1 (display full name of the author)
• hide_empty : 0 (display authors with no posts) / 1 (display authors who have one or more posts)

Source Link

Feeds Related Hacks

18. Display the Feedburner Subscriber Count in Text

Are you using feedburner? Probably yes, Most of us do. If you don’t like the chicklet dedicated to display your feedburner count, just read this hack which is a new method to get your feedburner count in text mode.

Copy paste the following code into your theme, for example sidebar.php. Replace feedburner-id with your Feedbuner username. This script will grab you the feed count in numbers.

//get cool feedburner count
$whaturl="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

//Initialize the Curl session
$ch = curl_init();

//Set curl to return the data instead of printing it to the browser.
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

//Set the URL
curl_setopt($ch, CURLOPT_URL, $whaturl);

//Execute the fetch
$data = curl_exec($ch);

//Close the connection
curl_close($ch);
$xml = new SimpleXMLElement($data);
$fb = $xml->feed->entry['circulation'];
//end get cool feedburner count

Now paste this anywhere you want and it’ll display a Feedburner subscriber count in text.

echo $fb;

Source Link

19. Control When you want Your Posts to Be Available via RSS

Most of you must of faced this problem when you published a post and immediately noticed an error and then you edit it as soon as you can. But the problem is the post already been published in your RSS feed and your error been quite a visible to your feed readers. The smart solution to this problem is to have an ability to control the way your posts going to available for RSS readers. You just need to create a delay between the publication of a post and its availability in your RSS feed.

Now open the “function.php” file and paste the following code into it. If your theme doesn’t have “function.php” file then just create it.

function publish_later_on_feed($where) {
  global $wpdb;

 if ( is_feed() ) {
    // timestamp in WP-format
    $now = gmdate('Y-m-d H:i:s');

    // value for wait; + device
    $wait = '5'; // integer

   // http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
    $device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

   // add SQL-sytax to default $where
    $where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
  }
  return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

Now applying this, your feed will be published always 5 minutes later. Of course you can adjust the time, also the units, if you need it in a special case.

Source Link

20. How to Exclude Categories from Your RSS Feed

There is no point of using one of your blog categories to let readers know about your blog’s news, or your blog feature a category that has nothing to do with the rest of your content? Depending to your blog structure, it may be interesting to exclude some categories from your RSS feeds.

Just follow these steps to get rid of one of the categories in your RSS feed.

• In orser to start, You’ll have to know the numeric ID of the categories you want to exclude. If you dont know how to identify the numeric ID the just logged in your WordPress dashboard, and browse the Categories section. Simply put your mouse cursor on the “edit” link related to the category you want to know the ID and look on your browser’s status bar the numeric value which appear at the very last of respective url and comes just after “cat_ID=”.
• Once you have the ID of the category you want to exclude from your RSS feed, Open the “function.php” file and paste the following code into it and save it. If your theme doesn’t have “function.php” file then just create it.

function myFilter($query) {
  if ($query->is_feed) {
    $query->set('cat','-5'); //Don't forget to change the category ID =^o^=
  }
  return $query;
}

add_filter('pre_get_posts','myFilter');

Source Link

21. How to Create User-Defined RSS Feeds in WordPress

It’s no secret that RSS feed are very useful for blogs. There is no harm in using WordPress created feeds as they are very effective. But if you want to create your own custom RSS feed, in which you have ability to control everything starting from feed categories to feeds display then simply follow these steps.

• copy and paste the following code in a new file, save it under the name custom-feed.php and upload it on your theme directory.
• Now, Create a new page in WordPress Dashboard (Don’t type any text it in), and select custom-feed.php as a page template.

<?php
  /*
  Template Name: Custom Feed
  */

$numposts = 5;

function yoast_rss_date( $timestamp = null ) {
  $timestamp = ($timestamp==null) ? time() : $timestamp;
  echo date(DATE_RSS, $timestamp);
  }

function yoast_rss_text_limit($string, $length, $replacer = '...') {
  $string = strip_tags($string);
  if(strlen($string) > $length)
  return (preg_match('/^(.*)\W.*$/', substr($string, 0, $length+1), $matches) ? $matches[1] : substr($string, 0, $length)) . $replacer;
  return $string;
  }

$posts = query_posts('showposts='.$numposts);

$lastpost = $numposts - 1;

header("Content-Type: application/rss+xml; charset=UTF-8");
  echo '<?xml version="1.0"?>';
  ?><rss version="2.0">
  <channel>
  <title>Yoast E-mail Update</title>
  <link>http://yoast.com/</link>
  <description>The latest blog posts from Yoast.com.</description>
  <language>en-us</language>
  <pubdate><?php yoast_rss_date( strtotime($ps[$lastpost]->post_date_gmt) ); ?></pubdate>
  <lastbuilddate><?php yoast_rss_date( strtotime($ps[$lastpost]->post_date_gmt) ); ?></lastbuilddate>
  <managingeditor>joost@yoast.com</managingeditor>
  <?php foreach ($posts as $post) { ?>
    <item>
    <title><?php echo get_the_title($post->ID); ?></title>
    <link><?php echo get_permalink($post->ID); ?></link>
    <description><?php echo '<![CDATA['.yoast_rss_text_limit($post->post_content, 500).'<br /><br />Keep on reading: <a href="'.get_permalink($post->ID).'">'.get_the_title($post->ID).'</a>'.']]>';  ?></description>
    <pubdate><?php yoast_rss_date( strtotime($post->post_date_gmt) ); ?></pubdate>
    <guid><?php echo get_permalink($post->ID); ?></guid>
    </item>
  <?php } ?>
  </channel>
  </rss>

Source Link

22. Adding a “Subscribe to Feed” Message After Every Post

As we described above that RSS feed are very popular and powerful tool for your blogs readers. It’s very useful to keep remind the readers to subscribe to your blogs. There is no harm in it, Infect readers love to subscribe your RSS feed if it’s more visible and clearly aiming towards point.

If you want the message “Subscribe to Feed” to display under all your posts on the homepage then open “index.php” and just where your content finishes (the_content), add this code.

<div style="padding:5px; background-color:#FFF8AF;">
  If you enjoyed this post, make sure you subscribe to our RSS Feed
</div>

If you also want to display this message in your every post then open “single.php” file in the theme folder and add the above code.

Source Link

Find Something Missing?

Please feel free to share any hack that you think would be a great addition in this collection and that has not been listed already.