Add Breadcrumbs in Thesis Theme for SEO Friendly Navigation

We already posted more than 100+ thesis theme tutorials with videos.Β  Now, I am going to discuss how to add breadcrumbs in thesis theme.

Breadcrumb is very useful for WordPress SEO purpose. More SEO people says that breadcrumb is one of the parts of WordPress SEO. So I am posting this topic for WorPress thesis users.

Thesis is the best WordPress SEO theme. By adding the thesis theme, you will surely get a lot of traffic from Google. So if you not thesis user yet, don’t wait and get thesis theme now and increase traffic to your blog.

Going back to breadcrumb, you can work on this process in two simple steps:

Step 1:

Copy and paste the following code to your thesis custom_function.php file.

function breadcrumbs_no_front_page() {
if (is_front_page());
else {
global $post;
<div id="breadcrumbs">
<a href="/">Home</a> &gt; <?php the_category(' '); ?> &gt; <?php the_title(); ?>

add_action('thesis_hook_before_content', 'breadcrumbs_no_front_page');

Step 2:

Copy and paste the following code to your thesis custom.css file.

.custom #content_area #breadcrumbs {
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 25px;
    width: 94.9%;
    border:1px solid #ddd;

thesis breadcrumbs

If you like this post, share with your friends.

{ 12 comments… add one }

Leave a Comment

  • Ary Miraclepitu July 23, 2011, 6:20 PM

    Thanks Sakthi for sharing this cool trick.. I’ve use it for my blog and it’s very easy. Great job !! Done for breadcumb and I’ll browse other your Tips in Customize my Thesis…

    • admin July 23, 2011, 8:59 PM

      Hi, thanks for your comment. make use of my thesis customization video tutorials.

      • Ary Miraclepitu July 23, 2011, 10:48 PM

        Sure I’ll watch and read every tips and trick how to make thesis looks better.. Your article is very good and newbie friendly πŸ˜† (coz I am newbie) .. πŸ™‚
        If you permit, I will put your link on my blog

  • blogmagis July 26, 2011, 2:53 PM

    i follow ur trick here…hope it;s work for my blog. I also clik your google+1. thx for the post.

  • Ary Miraclepitu July 28, 2011, 12:40 AM

    Sakthi,, How to add Breadcumb with Background like yours? πŸ™‚ It’s more very good !! Thanks

    • admin July 28, 2011, 6:20 AM

      Paste that css code to your custom.css file. then you can get the background color.

      • Ary Miraclepitu July 28, 2011, 3:26 PM

        I don’t know what’s wrong in my blog. But I can’t get the breadcumb display like yours. I have copied the code into my custom_function.php and other code into custom.css, Can you tell me what’s my mistake? Thanks in advance..

        • admin July 28, 2011, 6:32 PM

          You want your breadcrumbs like this image, to see image click follow link

          • Ary Miraclepitu August 2, 2011, 11:16 PM

            So Many thanks … I try to change the code in my custom.css and custom_function.. and it works,, Thanks a lot !!

  • Yatra September 20, 2011, 5:32 PM

    Help out with the code for the thesis hook Plugin.
    How to configure the breadcrumbs using thesis hook Plugin???

    • Suresh September 21, 2011, 9:43 AM

      hai Yatra,

      Just add the code mentioned in the above post without function name. and hook..
      1. select the hook “thesis_hook_before_content” in open hook plugin. the php code from to given in the above post.
      3. add css code in custom.css file

      thats it..

  • JUSTYOGAPROPS September 23, 2011, 5:35 PM

    Nice posting, thank you for you share, i wanna try soon πŸ™‚