{"id":9443,"date":"2024-02-06T16:12:47","date_gmt":"2024-02-06T14:12:47","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=9443"},"modified":"2025-02-03T13:40:33","modified_gmt":"2025-02-03T11:40:33","slug":"breadcrumbs-block","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/breadcrumbs-block\/","title":{"rendered":"Breadcrumbs Block"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screen-Recording-2024-02-07-at-19.13.41.mov\"><\/video><figcaption class=\"wp-element-caption\">The <strong>Breadcrumbs<\/strong> block in action.<\/figcaption><\/figure>\n\n\n\n<p>Get your visitors oriented and empowered with the intuitive Breadcrumbs block. While simple pages and posts might not require it, this block truly shines when integrated with our Content Block templates.<\/p>\n\n\n\n<p><strong>Benefits:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enhanced User Experience:<\/strong>&nbsp;Guide visitors through your website&#8217;s hierarchy,&nbsp;making navigation clear and intuitive.<\/li>\n\n\n\n<li><strong>Improved SEO:<\/strong>&nbsp;Search engines love breadcrumbs,&nbsp;which can lead to better ranking and website discoverability.<\/li>\n\n\n\n<li><strong>Content Template Synergy:<\/strong>&nbsp;Unlock its full potential when paired with our pre-designed Content Block templates,&nbsp;where it creates a seamless browsing experience.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\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:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69decba613edf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69decba613edf\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"920\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-07-at-19.19.04.png\" alt=\"\" class=\"wp-image-9508\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Margins<\/h3>\n\n\n\n<p>Effortlessly adjust top,&nbsp;bottom,&nbsp;left,&nbsp;and right margins to seamlessly integrate the breadcrumbs into your website&#8217;s layout.&nbsp;Achieve that pixel-perfect alignment and balance you desire.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colours<\/h3>\n\n\n\n<p>Take control of the color scheme!&nbsp;Customise the <strong>text color<\/strong>,&nbsp;<strong>link colours<\/strong>,&nbsp;and even <strong>hover colours for links<\/strong>.&nbsp;Match your branding or experiment with contrasting palettes for visual impact.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Get your visitors oriented and empowered with the intuitive Breadcrumbs block. While simple pages and posts might not require it, this block truly shines when integrated with our Content Block templates. Benefits: Granular Controls Margins Effortlessly adjust top,&nbsp;bottom,&nbsp;left,&nbsp;and right margins to seamlessly integrate the breadcrumbs into your website&#8217;s layout.&nbsp;Achieve that pixel-perfect alignment and balance you [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[133],"class_list":["post-9443","documentation","type-documentation","status-publish","hentry","doc_categories-theme-blocks"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=9443"}],"version-history":[{"count":8,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9443\/revisions"}],"predecessor-version":[{"id":12505,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9443\/revisions\/12505"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=9443"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=9443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}