For WordPress 2.7+ Installations

Locate the following code in your index.php or single.php file (whichever file your theme uses to show single post pages):

<?php comments_template(); ?>

Replace that code with the following:

<?php comments_template('', true); ?>

That is it for that file.   Now go to your comments.php file and locate the following code:

<?php if ( have_comments() ) : ?>

Immediately below that code, insert the following code:

<?php if ( ! empty($comments_by_type['comment']) ) : ?>

Okay, once that is done, you’ll next need to scroll down a little further (still in the comments.php file) and locate the following code:

<?php wp_list_comments(); ?>

You’ll want to replace that code with the below code:

<?php wp_list_comments('type=comment'); ?>

Immediately below this function you should see the following code:

</ol>

Directly below that code, place the following code:

<?php endif; ?>

That should take care of the comment loop.  The last step is to insert the code which will display the trackbacks/pingbacks.  This can be placed anywhere below the code we just hacked above:

<?php if ( ! empty($comments_by_type['pings']) ) : ?>
<h3 id="pings">Trackbacks/Pingbacks</h3>
<ol>
<?php wp_list_comments('type=pings'); ?>
</ol>
<?php endif; ?>

Some people prefer to display their trackbacks and pingbacks below the comment form or somewhere else out of the way, so this is really up to you!  Just place the above code where you want to show them.   If you don’t like them showing at all on your blog, just don’t place the above code at all.

Once that is done, it is time to give it a try.  Check it out on your blog and let us know how everything turns out!

For Pre-WordPress 2.7 Installations:

Prior to WordPress 2.7, the comment form wasn’t nearly as functional as it is with the newer versions and also included a lot more code, but it is still possible to separate the trackbacks and comments using the old comment loop.     If you’d like to separate your trackbacks from your comments on a WordPress 2.6 or earlier installation, here is the steps you’ll need to take.

First, access your comments.php file and grab the following code:

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

Immediately after the above code, you’ll want to place the following code:

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

Next, scroll down a little bit and locate the following code:

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

Immediately before the above code, you’ll want to place this code:

<?php } /* End of is_comment statement */ ?>

This will filter out all of the trackbacks and pingbacks from your main comments loop. Now we need to create a second comments loop to display the trackbacks and pingbacks.  Almost immediately below the code from step 2 you should find this code:

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

Immediately before the above code, you’ll want to place this code:

<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>

You can adjust this code to display how you want to, including using a different header if you have a specific look for your header 3.

If you’ve tried this tutorial, let us know how it worked for you in the comments!

• Code: Add Recent Comments and Top Comments to WordPress
• Code: Adding Edit Buttons to WordPress

Here is the code you’ll need to easily add the most recent Twitter entry:

<?php
// Your twitter username.
$username = "TwitterUsername";
// Prefix - some text you want displayed before your latest tweet.
// (HTML is OK, but be sure to escape quotes with backslashes: for example href=\"link.html\")
$prefix = "";
// Suffix - some text you want display after your latest tweet. (Same rules as the prefix.)
$suffix = "";
$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=1";
function parse_feed($feed) {
$stepOne = explode("<content type=\"html\">", $feed);
$stepTwo = explode("</content>", $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace(”&lt;”, “<”, $tweet);
$tweet = str_replace(”&gt;”, “>”, $tweet);
return $tweet;
}
$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>

Simply add your Twitter username where it says “TwitterUsername” in the code above!

• Code: Add a “Tweet This” Button
• Code: How to Display Recent Posts in WordPress

There are actually a number of reasons bloggers would want to keep their pictures from being indexed by Google, a few examples being bloggers who like to post personal pictures, or custom make their pictures and don’t want others to take them.

If you feel that you fit into this category, Google has made it very easy for you to opt out of having your images indexed.  Simply place the following code into your blog’s header file above the < /head > tag:

<meta name="robots" content="noimageindex">

If your site has a problem with people taking your content (including the pictures) via scrapers, etc., then there is a chance Google will still index them when they index that person’s website. Another route you can take is to place images into a folder then add a disallow to your Robots.txt file.

If you are a WordPress user, this is fairly easy as by default, as we already have pictures in either our Images folder of our theme, or the uploads folder (unless you’ve assigned a custom path for your images). You can add something like the following to your Robots.txt file:

User-agent: *
Disallow: /images/

or

User-agent: *
Disallow: /uploads/

Any questions? Leave them in the comments!

No related posts.