Step by step procedure to add Breadcrumb (page navigation) to alltuts theme wordpress

Breadcrumb is a page navigation either it is based on your blog categories or blog tags. Breadcrumb is a location based navigation it is present on this site too. See the above to post :


This method as applicable for alltuts theme by site5 and we are using the same theme on this website. This theme is one of the best wordpress theme which comes as a free cost cost officially from As being one of the best wordpress theme alltuts but the features provided by this theme is very less. We need to increase it’s functionality so we are going to add a simple location based page navigation to the the wordpress theme alltuts.

Before going to add blah blah code to your theme file you will require to have the following wordpress plugin to be installed in your wordpress database.

1) Install  Yoast WordPress SEO plugin.


2) activate the plugin and go to SEO as follows:


and click on Internal links.

3) After that check “Enable Breadcrumbs” and put any seperator in that text field. e.g. >>


4)Then under your wordpress dashboard click on appearance—>>Editor—>> select singlepost.php file for editing.


5)then in that file this code

<?php if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>



“ <div class="category"><?php the_category(' // ') ?></div>”


so your file will look like this(I m not giving all file content but instead of that some small part of code)



<!-- Begin #colLeft -->
        <div id="colLeft">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <!-- Begin .postBox -->
        <div class="postBox">
            <div class="postBoxTop"></div>
            <div class="postBoxMid">
                <div class="postBoxMidInner first clearfix">
                <div class="date"><?php the_time('M') ?><br /><span class="day"><?php the_time('j') ?></span><br /><?php the_time('Y') ?></div>
<?php if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>           
<!--    <div class="category"><?php the_category(' // ') ?></div>   -->
                <h1><?php the_title(); ?></h1>
                <div class="postMetaSingle">
                    <img src="<?php bloginfo('template_directory'); ?>/images/ico_author.png" alt="Author"/> An article by <?php the_author_link(); ?>&nbsp;&nbsp;&nbsp;
                    <img src="<?php bloginfo('template_directory'); ?>/images/ico_comments.png" alt="Comments"/> <?php comments_popup_link('No Comments', '1 Comment ', '% Comments'); ?>
                    <?php the_content(); ?>

So adding Breadcrumb to alltuts wordpress theme will give your site more flexible navigation so that readers will engaged in reading more articles on your site

Join Our Newsletter

Join over 5,000 people who get free and fresh content delivered automatically each time we publish.

About Tushar Thakur

Tushar is founder of Xtendedview. He love to experiments on different gadgets, software/apps. He is professional blogger and Internet marketer. He is Interested in electronics and computers, Internet technology, Search Engine Optimization, Internet Marketing. Running online business and Blogs

Tushar has written 235 awesome articles for us.


  1. Young Sadee says:

    Hey! My friend has advised me to read your site. And I’d like to say that I really respect what you’re doing here.

  2. karen millen on sale says:

    YES! I finally found this web page! I’ve been looking just for this article for so long!!

  3. Time to face the music armed with this great ifnormaiton.

  4. Nadene Courchine says:

    I like the design of your blog! It looks really cool.

  5. Hello Tushar bhai , I really need your help regarding the ALLTUTS wordpress theme , I download the theme but its not having all the functionality as shown in the livedemo. Now I was wondering if you have all the files with the original alltuts theme, because its not even showing my websites name. And also the social sharing icons are missing. I am in a total mess , please help me out bro. Thanks in anticipation!

  6. I didn’t find any singlepost.php file into my theme folder since I’m using twentytwelve theme 🙁 Moreover i feel that you didn’t explain clearly in the post…

Previous Post:
Next Post: