{"id":6428,"date":"2025-11-24T11:54:03","date_gmt":"2025-11-24T06:24:03","guid":{"rendered":"https:\/\/youstable.com\/blog\/?post_type=epkb_post_type_1&#038;p=3751"},"modified":"2025-11-24T11:54:06","modified_gmt":"2025-11-24T06:24:06","slug":"display-breadcrumb-navigation-links-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.youstable.com\/blog\/display-breadcrumb-navigation-links-in-wordpress","title":{"rendered":"How to Display Breadcrumb Navigation Links in WordPress"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p>In this article, we are going to see how to display breadcrumb navigation links in WordPress using Rank Math plugin. You can use any plugin whichever you want. Basically, Breadcrumbs navigations tell you that where are you at the website in regards to the home page of the website. So let&#8217;s see the steps involved in using this via plugins(Rank Math)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"steps-to-display-breadcrumb-navigation-links-in-wordpress\"><strong>Steps to Display Breadcrumb Navigation Links in WordPress<\/strong><\/h2>\n\n\n\n<p>1 Login to your WordPress dashboard. (https:\/\/yourdomain.com\/wp-admin)<\/p>\n\n\n\n<p>2 Go to <strong>Plugins<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/08\/image.png\" alt=\"\" class=\"wp-image-3537\" width=\"574\" height=\"606\"><\/figure>\n\n\n\n<p>3 Click &#8220;<strong>Add New<\/strong>&#8220;, search for &#8220;<strong>Rank Math<\/strong>&#8220;, Install and click on the &#8220;<strong>Activate<\/strong>&#8221; button.<\/p>\n\n\n\n<p>4 Go to <strong>Rank Math<\/strong> &#8211;&gt; <strong>General Settings<\/strong> &#8211;&gt; <strong>Breadcrumbs<\/strong><\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2.jpg\" alt=\"\" class=\"wp-image-4222\" width=\"716\" height=\"325\" srcset=\"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2.jpg 2304w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2-768x349.jpg 768w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2-1536x699.jpg 1536w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2-2048x932.jpg 2048w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2-810x368.jpg 810w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/2-1140x519.jpg 1140w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>5 Just click on enable breadcrumbs function and copy the Breadcrumbs code<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/3-1.png\" alt=\"\" class=\"wp-image-4224\" width=\"724\" height=\"273\" srcset=\"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/3-1.png 999w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/3-1-768x291.png 768w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/3-1-810x306.png 810w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure>\n\n\n\n<p>6 Open <strong>Appearance <\/strong>&#8211;&gt; <strong>Elements<\/strong><\/p>\n\n\n\n<p>7 Click Add New &#8211;&gt; Choose Element Type as Hook<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/4.png\" alt=\"\" class=\"wp-image-4225\" width=\"609\" height=\"281\"><\/figure>\n\n\n\n<p>7 Give a related name the Hook and paste the code below as shown.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n&lt;?php if (function_exists(&#039;rank_math_the_breadcrumbs&#039;)) rank_math_the_breadcrumbs(); ?&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/5.png\" alt=\"\" class=\"wp-image-4226\" width=\"696\" height=\"190\" srcset=\"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/5.png 1180w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/5-768x210.png 768w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/5-810x221.png 810w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/5-1140x311.png 1140w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/figure>\n\n\n\n<p>8 Scroll down to <strong>Hook Settings<\/strong>, choose Hook&nbsp;to be displayed&nbsp;<strong>before_content&nbsp;<\/strong>and select&nbsp;<strong>Execute PHP<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/6.png\" alt=\"\" class=\"wp-image-4227\" width=\"-83\" height=\"-30\" srcset=\"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/6.png 871w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/6-768x280.png 768w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/6-810x296.png 810w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/figure>\n\n\n\n<p>9 Go to <strong>Display Rules<\/strong> and choose <strong>Location <\/strong>to be displayed in <strong>All Singular <\/strong>and click <strong>Publish <\/strong>Button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/youstable.com\/blog\/wp-content\/uploads\/2021\/11\/7.webp\" alt=\"\" class=\"wp-image-4228\" width=\"697\" height=\"365\" srcset=\"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/7.webp 1024w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/7-768x403.webp 768w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/7-810x425.webp 810w, https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/7-375x195.webp 375w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we are going to see how to display breadcrumb navigation links in WordPress using Rank Math plugin. You can use any plugin whichever you want. Basically, Breadcrumbs navigations tell you that where are you at the website in regards to the home page of the website. So let&#8217;s see the steps involved in using this via plugins(Rank Math)<\/p>\n","protected":false},"author":1,"featured_media":6886,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6428","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email"],"acf":[],"featured_image_src":"https:\/\/www.youstable.com\/blog\/wp-content\/uploads\/2021\/11\/How-to-Display-Breadcrumb-Navigation-Links-in-WordPress-01.jpg","author_info":{"display_name":"YouStable","author_link":"https:\/\/www.youstable.com\/blog\/author\/youstable"},"_links":{"self":[{"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/posts\/6428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/comments?post=6428"}],"version-history":[{"count":2,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/posts\/6428\/revisions"}],"predecessor-version":[{"id":15778,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/posts\/6428\/revisions\/15778"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/media\/6886"}],"wp:attachment":[{"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/media?parent=6428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/categories?post=6428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.youstable.com\/blog\/wp-json\/wp\/v2\/tags?post=6428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}