How to Install Breadcrumbs without Plugins in Thesis Framework

Today, I am going to show you that how you can insert breadcrumbs in WordPress blog having thesis framework. As we already know that thesis is one of the highest demanded frameworks in the market while we concern about code, speed and SEO. You can build website or blog in a minute with the help of WordPress and thesis theme together.

Since, I was searching many website but finally I got understand and make it possible to install breadcrumbs over techminda without using any plugins.

But before continue, you should know that what is breadcrumbs exactly and why we is and how do we do that.

What are breadcrumbs?

Breadcrumbs are nothing but a hierarchy which shows that in which category the current article exists. And it gives the good look to the website.

See below screenshot.

install breadcrumbs without plugins in thesis framework

Why we used breadcrumbs?

  1. It gives some extra nice look, hierarchy to article, easy navigation
  2. It also added some SEO enhancement to the website
  3. It may also increase some page views on your website as user can visit your website anywhere.

So, in the thesis framework, there are two steps involved and which are simple steps but these may be critical if you do it wrong, as your website may be down due to code paste wrongfully.

 

Step 1: Open your custom.css in thesis menu of the left side.

breadcrumbs custom css code

past below code carefully as shown above and save it


.custom .breadcrumbs {
font-family:Verdana,Arial;
font-size:1.2em;
padding:1.2em 1em 1em 1em;
border-bottom:1px dotted #666;
border-top:1px dotted #666;
}
.custom .breadcrumbs a {
color:#cc0000;
border-bottom:1px dotted #fff;
}
.custom .breadcrumbs a:hover {
border-bottom:1px dotted #cc0000;
}


Step 2:  Now open your custom functions.php in same drop down menu.

breadcrumbs custom functions php code

Paste below code carefully in custom functions.php as shown above and save it


function thesis_breadcrumbs() {
echo ‘<a href=”‘;
echo get_option(‘home’);
echo ‘”>’;
bloginfo(‘name’);
echo “</a>”;
if (is_category() || is_single()) {
echo “&nbsp;&nbsp;&#187;&nbsp;&nbsp;”;
the_category(‘ &bull; ‘);
if (is_single()) {
echo ” &nbsp;&nbsp;&#187;&nbsp;&nbsp; “;
the_title();
}
} elseif (is_page()) {
echo “&nbsp;&nbsp;&#187;&nbsp;&nbsp;”;
echo the_title();
} elseif (is_search()) {
echo “&nbsp;&nbsp;&#187;&nbsp;&nbsp;Search Results for… “;
echo ‘”<em>’;
echo the_search_query();
echo ‘</em>”‘;
}
}
function display_breadcrumbs() {
?><div><?php thesis_breadcrumbs(); ?></div><?php
}

add_action(‘thesis_hook_after_header’,'display_breadcrumbs’);


Now you are done, you have successfully install breadcrumbs on your website.

If you like this information, then Subscribe to our Newsletter, Please enter your email

Tags: , , , , , ,


Leave a Reply



Protected by Copyscape Duplicate Content Detection Tool