XtendedView

  • Facebook
  • Pinterest
  • RSS
  • Twitter
  • Home
  • Technology
    • How to
    • News
    • Computer
    • Windows
  • Internet
    • WordPress
    • Web
    • Google
    • Marketing
    • Social Media
  • Gadgets
    • iOS
    • Android
    • Games
  • About
    • Our Team
  • Contact us

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

Author: Tushar Thakur   Last updated on: October 8, 2013    13 Comments  

FacebookTweetLinkedInPin

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 :

breadcrumb_wp_alltuts

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 site5.com. 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:

seo_bread

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)

 

 

<?php
get_header();
?>
<!-- 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'); ?>
                </div>
                    <?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

FacebookTweetLinkedInPin

Filed Under: Wordpress   

More on XtendedView Right Now!

  • TOP 5 Best SEO Plugins for WordPress

  • Take 2 minutes to enable Breadcrumb for your WordPress website in Google SERPTake 2 minutes to enable Breadcrumb for your WordPress website in Google SERP

  • Optimize WordPress comments on old pages to speedup you blogOptimize WordPress comments on old pages to speedup you blog

  • Edit comment form of your WordPress blog to remove website text boxEdit comment form of your WordPress blog to remove website text box

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 530 awesome articles for us at XtendedView.

  • Find Tushar On
❮
Edit comment form of your WordPress blog to remove website text box
❯
Procedure to integrate/enable Windows live writer to your wordpress site to write posts from your desktop

Comments

  1. Young Sadee says

    at

    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.

    Reply
    • Mahaley says

      at

      Check that off the list of tnhigs I was confused about.

      Reply
  2. karen millen on sale says

    at

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

    Reply
    • Spud says

      at

      If information were soccer, this would be a gooooaol!

      Reply
  3. Woods says

    at

    Time to face the music armed with this great ifnormaiton.

    Reply
    • Keesha says

      at

      Wow! That’s a really neat awnesr!

      Reply
  4. Nadene Courchine says

    at

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

    Reply
    • Tushar says

      at

      Thank you so much 🙂

      Reply
      • Ryne says

        at

        So excited I found this artcile as it made things much quicker!

        Reply
  5. Mayank Mishra says

    at

    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!

    Reply
    • Tushar says

      at

      Whats wrong with you? I visited your website and everything are fine. Then what is the problem?

      Reply
      • Mayank Mishra says

        at

        Worked few things out but facebook icon is not working and also I want to edit the footer like you.

        Reply
  6. Arafin Shaon says

    at

    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…

    Reply

 Comment Policy

Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please. You can wrap code in [lang-name][/lang-name] tags.


Tell us what you're thinking... Cancel reply

If you want a picture to show with your comment, then get Gravatar!

Connect on Facebook

How To Tech

Latest Articles

  • Best Google Chrome Extensions for Productivity
  • 6 Best Radio Apps for Android
  • Fix: Razer Synapse Not Opening on Windows 10
  • How to Edit(Customize) Context Menu in Windows 10 11

Featured Articles

  • How to Turn off Laptop Screen Manually
  • Best Alternatives for Logic Pro X on Windows 10
  • Digital Ocean Review: Cheapest cloud hosting
  • How to run Android applications on MAC
  • How to remove login password from windows 8
  • How to Play Android games on Windows PC

Trending Topics

  • Android 22
  • Apps 20
  • Automobile 6
  • Blogging 42
  • Business 115
  • Computer 128
  • Education 28
  • Games 11
  • Games 160
  • Google 13
  • How to 72
  • Internet 226
  • Marketing 12
  • Mobile 56
  • Technology 220
  • Windows 16
  • Wordpress 13
  • Some Rights Reserved. Xtendedview | Copyrights 2011-2022 | Site Map | Privacy Policy
  • XtendedView is built on WordPress
  • WordPress Hosting by Bluehost