How to add navigation trail by using WordPress Plugin – BreadCrumb NavXT

Nur . Posted in How-To, Plugins 678 Views

Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting or entry point. A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments.

Typical breadcrumbs look like this:

Home page > Section page > Subsection page or Home page >> Section page >> Subsection page

Breadcrumbs are a very common feature to help users identify where they are in a website. For some reason, WordPress out of the box doesn’t have any built-in methods for dynamically creating this common design pattern. Fortunately, Mtekk and Hakre decided to take matters into their own hands and created Breadcrumb NavXT. This plugin creates a new PHP function to include in your posts and pages templates that generate a dynamic Breadcrumb.
You will find a slew of configuration options that allow you to control how your blog’s breadcrumbs will render. However, you might also notice that even once you installed the plugin, your blog still doesn’t have a breadcrumb! Don’t fret, this plugin requires you to add some code manually to your theme’s template files.

Inserting the Breadcrumb

The reason this plugin got the geek rating of Webmaster is specifically due to the fact that to leverage this plugin, you must edit your theme. Luckily, the process is fairly painless.

1. Visit Appearance | Editor and select either Single Post or Page Template from the list of available theme files.

2. Locate the top of your post’s content within the page’s HTML. This area is often located right above the code <?php while (have_posts() : the_post(); $count++; ?>.

3. Insert the Basic Breadcrumb snippet of code at the top of the page.

Basic Breadcrumb

<div>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?>
</div>

Download | Breadcrumb NavXT

Reference and Resources:

Digging Into WordPress

How to add the BreadCrumb NavXT Plugin to WordPress for Search Engine Optimization
Breadcrumb NavXT integration
Breadcrumb NavXT
WordPress Breadcrumbs Without a Plugin

Other WordPress Navigation Plugins

WordPress Navigation List Plugin NAVT at WordPress.org
WP-dTree 3.3.2 at WordPress.org
Sub Pages widget at WordPress.org
WP-PageNavi at WordPress.org
Pagebar at WordPress.org
WordPress Plugin: Simple Breadcrumb Navigation

Nur

I am a Wordpress, Website Developer and Designer, creator @ WP Arena, Provide Free WordPress consultation and can help to install WordPress in a secure way to small businesses and bloggers.

Free & Professional WordPress Security Service Free & Professional WordPress Security Service

We Love WordPress. WordPress Arena is a place for WordPress Developers and Designers, providing Tips, tricks, tools and resources to build a website or blog on WordPress. We also present The WordPress Showcase for all kind of WordPress Powered Websites.


Copyright © 2014 WP Arena All Rights Reserved

Divi WordPress Theme