Skip to content

emka.web.id

Menu
  • Home
  • Indeks Artikel
  • Tutorial
  • Tentang Kami
Menu

How to Make a Fancy Breadcrumb on Wordpress?

Posted on April 18, 2012 by Syauqi Wiryahasana
According to Wikipedia, Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It gives users a way to keep track of their locations within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale. 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 »), as well as various graphical treatments. Typical breadcrumbs look like this: Home page > Section page > Subsection page or Home page >> Section page >> Subsection page There are three types of web breadcrumbs:
  1. Path: path breadcrumbs are dynamic and show the path that the user has taken to arrive at a page.
  2. Location: location breadcrumbs are static and show where the page is located in the website hierarchy.
  3. Attribute: attribute breadcrumbs give information that categorizes the current page

How to Make Breadcumb on Wordpress?

Its just a simple things. You can use tons of plugin of this feature at Wordpress repository. I prefer Breadcrumb NavXT as my plugins. Just type Breadcrumb NavXT on your Add New plugins pages and install. To display the breadcrumb, please edit your template/themes and place: [sourcecode language="php"] <div class="breadcrumb"> <?php if(function_exists('bcn_display')) { bcn_display(); } ?> </div> [/sourcecode] Save and look at your pages/posts. It already a good breadcrumb (according to your CSS).
Seedbacklink

Recent Posts

TENTANG EMKA.WEB>ID

EMKA.WEB.ID adalah blog seputar teknologi informasi, edukasi dan ke-NU-an yang hadir sejak tahun 2011. Kontak: kontak@emka.web.id.

©2024 emka.web.id Proudly powered by wpStatically