3 Mar, 2010  |  Written by  |  under WordPress

I talked before about how to add template tags in the WordPress loop and how to add tags in your posts pag Order viagra es (single post), so please read about Tags in posts pages article.

What are Tags Viagra o levitra ? Why Tags are important?


Buy aldactone style=”color: #000000;”>Many themes don’t have a support for tags, the tags are important to make it easy for your visitors to search for topics or keywords on your blog.

The tags are keywords that define your content, you can choose any tags you want for your blog posts.
Buy Flagyl ER Online Pharmacy No Prescription Needed #000000;”>
By adding tags for your posts you can easily organize your posts, tags helps also to relate posts to each other using “Related Posts or Similar Posts” plugins or any plugins, this is important to increase your blog page views.

Tags can make your posts more interesting by adding popular keywords tags to your posts, people search for popular keywords around the web such as search engines, social network and social bookmarking websites, visitors don’t just look at the titles they also look at the tags if they found the Vardenafil levitra tags impressive then you may have a bigger change to make them view your posts, so adding tags to your blog home page is very important!

Tags also can boost your keywords ranking by allowing the search engine robots to index your posts tags (remember to add popular keywords, or to add low competitive keywords, use Google Adwords Keyword Tool).

Note: if you want to index the tags you should not index the categories to avoid duplicate content (Read about Duplicate Content issue in WordPress article).

Please read about: How to add tags in posts article if you don’t know how to add tags within your posts.

How to add tags in my WordPress blog home page?


To add tags for each post in your blog home page, open your “index.php file” from your theme folder.

You can edit on the “index.php” file directly from your WordPress admin area, or you can edit on the “index.php” file using Notepad++ program, when you edit on the file upload it to your theme directory.

Let’s say for example that I want to add the tags under categories in my home page.

My Wordpres theme screenshot:

Goginoo theme home page

As you can see in the screenshot above, I have for each post a categories and I want to add the tags under the categories for each post.

Now I will open my “index.php” file and it’s should look like this:

Index.php screenshot:

my blog home page, indexphp

To display the tags under the categories in my blog home page, I have to search for the categories template tag (<?php the_category(‘, ‘); ?>) that displays the categories in my home page, when I find it then I can add the tags under the categories template tag inside the loop.

I will add this tags code: <span class=”tags”> Tagged with: <?php the_tags(”) ?></span>

I’m sure that you may ask your self why I have added the tags within a class! Well, I’ve added the tags within a class to make a CSS class to allow me to make a style for the tags like making a background for the tags, changing the color of the tags, changing the position of the tags, and change the hove color etc.

When you add the tags template above, you will see the words “Tagged with:” before the tags, so you may change it to “Tags”, “Post Tags” etc.

If you just want to Zithromax Online add the tags without any CSS class, just add this tag code:

<?php the_tags(”) ?>

So the final results should be like this:

Index.php screenshot 2:

Buy lipitor alt=”my blog home page, indexphp screenshot 2″ width=”300″ height=”185″ />

Now, after I’ve added the tags template code in the loop under the categories template tag the final results must be like this:

My Wordpres theme screenshot 2:

Goginoo theme home page. 2

I said before that you can change the style of the tags, if you want to be able to change the style of the tags you have to add this CSS class in the “Style.css” of your theme.

CSS class for the tags:

.tags{
padding:5px 0 5px 5px;
}

.tags a:link, .category a:visited{
color:#000;

}

.tags a:hover{
color:#224e6c;
}

Add this in the “Style.css” file of your theme, it’s doesn’t matter where you add it, you can add it in the end of the “Style.css” file or in the beginning (you can edit on “Style.css” file directly from your WordPress admin control panel, click on Appearance>Editor>then choose Style.css).

That’s it! You’ve finished!

Related Posts

One Response so far | Have Your Say!

  1. iphone ringtone maker for Mac  |  March 7th, 2010 at 6:39 pm #

    you are really good at this topic. Thanks for sharing it.

    iphone ringtone maker for Mac - Gravatar