{"id":64265,"date":"2011-12-07T08:45:59","date_gmt":"2011-12-07T13:45:59","guid":{"rendered":"http:\/\/wpmu.org\/?p=64265"},"modified":"2011-12-01T08:17:47","modified_gmt":"2011-12-01T13:17:47","slug":"breadcrumbs","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/breadcrumbs\/","title":{"rendered":"What a 200 Year Old Fairy Tale Can Teach You about Blog Navigation"},"content":{"rendered":"<p>Everyone has heard of <a title=\"Hansel and Gretel\" href=\"http:\/\/en.wikipedia.org\/wiki\/Hansel_and_Gretel\" rel=\"noopener\" target=\"_blank\">Hansel and Gretel<\/a>. The two\u00a0protagonists\u00a0of the world-famous fairy tale that is now nearly two centuries old. They left a trail of breadcrumbs from their house into the woods so that they could find their way back.<\/p>\n<p>Unfortunately, birds ate the breadcrumbs and they got lost. <strong>Ain&#8217;t nature a bitch?<\/strong><\/p>\n<p>Anyway &#8211; you are probably wondering what on earth this has to do with WordPress. Well, these days, &#8220;breadcrumbs&#8221; are not just an intrinsically flawed method of getting yourself out of forests. They are also a <strong>widely-used type of navigational aid<\/strong>.<\/p>\n<p>You will have seen them plenty of times before:<\/p>\n<figure id=\"attachment_64266\" class=\"wp-caption aligncenter\" data-caption=\"true\"><a rel=\"lightbox[64265]\" class=\"blog-thumbnail\" href=\"http:\/\/www.apple.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-64266 \" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/11\/apple-store1.png\" alt=\"The Apple Store\" width=\"544\" height=\"206\" \/><\/a><figcaption class=\"wp-caption-text\">The Apple Store<\/figcaption><\/figure>\n<figure id=\"attachment_64267\" class=\"wp-caption aligncenter\" data-caption=\"true\"><a rel=\"lightbox[64265]\" class=\"blog-thumbnail\" href=\"http:\/\/www.target.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-64267 \" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/11\/target1.png\" alt=\"Target\" width=\"544\" height=\"164\" \/><\/a><figcaption class=\"wp-caption-text\">Target<\/figcaption><\/figure>\n<figure id=\"attachment_64268\" class=\"wp-caption aligncenter\" data-caption=\"true\"><a rel=\"lightbox[64265]\" class=\"blog-thumbnail\" href=\"http:\/\/www.warriorforum.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-64268 \" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/11\/warrior-forum1.png\" alt=\"Warrior Forum\" width=\"544\" height=\"88\" \/><\/a><figcaption class=\"wp-caption-text\">Warrior Forum<\/figcaption><\/figure>\n<p>If the big boys are using them, it might be time to sit up and take note.<\/p>\n<h2>What Are The Benefits of Using Breadcrumbs?<\/h2>\n<p>Breadcrumbs are only ever intended as a secondary source of navigation. In fact, you might argue that<strong> the main benefit of using breadcrumbs is in giving your visitor a sense of where they are on your blog<\/strong>.<\/p>\n<p>If you have a site with many\u00a0hierarchical\u00a0layers, not having breadcrumbs is like dropping someone off in the middle of the desert and giving them a compass and globe with which to get back to civilization. If you use breadcrumbs, it&#8217;s like you have handed them a GPS device with which to find their way home.<\/p>\n<h2>Should I Use Breadcrumbs?<\/h2>\n<p><strong>Breadcrumbs are most effectively used on sites where the visitor can drill down through many layers of navigation.<\/strong> They are commonly used by e-commerce stores (as demonstrated above by Apple and Target).<\/p>\n<p>If you have read my recent article on <a title=\"Why Your Blog Frustrates Your Visitors, and What You Can Do About It\" href=\"https:\/\/wpmudev.com\/blog\/why-your-blog-frustrates-your-visitors-and-what-you-can-do-about-it\/\" target=\"_blank\">why your blog frustrates your visitors<\/a> and are really struggling with concept of consolidating your blog&#8217;s categories into a manageable number, <strong>breadcrumbs may be ideal for you<\/strong>. One way or the other, you&#8217;ve got to get your visitors into a position where they never feel overwhelmed \u00a0by the number of options that they have. <strong>If you have a huge amount of content spread over various\u00a0hierarchical\u00a0categories, breadcrumbs may be your savior.<\/strong><\/p>\n<h2>How To Implement Breadcrumbs On Your WordPress Blog<\/h2>\n<p>As is usually the case, the WordPress plugin repository comes to your rescue with <a title=\"Breadcrumb NavXT\" href=\"http:\/\/wordpress.org\/extend\/plugins\/breadcrumb-navxt\/\" rel=\"noopener\" target=\"_blank\">Breadcrumb NavXT<\/a>, a breadcrumbs plugin with <strong>a vast number of customization options<\/strong>.<\/p>\n<figure id=\"attachment_64276\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-64276\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/11\/breadcrumb-navxt.png\" alt=\"Breadcrumb NavXT\" width=\"620\" height=\"374\" \/><figcaption class=\"wp-caption-text\">A small example of Breadcrumb NavXT&#8217;s customization options<\/figcaption><\/figure>\n<p>Once you have installed and activated the plugin, you will have breadcrumbs up and running on your WordPress blog in no time at all.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If your blog is a navigational mess, breadcrumbs may be the ideal solution.<\/p>\n","protected":false},"author":84405,"featured_media":205634,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[78,639,152],"tutorials_categories":[],"class_list":["post-64265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-cms","tag-blogging","tag-categories"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84405"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=64265"}],"version-history":[{"count":2,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64265\/revisions"}],"predecessor-version":[{"id":205635,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64265\/revisions\/205635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/205634"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=64265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=64265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=64265"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=64265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}