WP SITES

Log in

Change Breadcrumbs In Genesis

—

by

Brad Dalton

You can easily enable or disable breadcrumbs from displaying on posts, pages, archives and your home page using the Genesis > Theme Settings > Breadcrumbs:

breadcrumbs

You can also customize what’s displayed in your breadcrumbs using filters.

Note: A filter simply enables you to modify an existing functions output to something different than the default. Rather than edit the parent theme frameworks files, you can use the genesis filters in your child themes functions.php file.

If you take a look in the breadcrumbs.php file which is included in the Genesis files, you’ll see a list of what can be customized.

Default Arguments

Here are the default parameters and values for the breadcrumbs in Genesis.

Any of these default arguments can be modified using a filter.

To remove or customize the ‘You Are Here’ text simply remove the text from the argument or replace it with your own custom text.

All custom functions should be copied from the view raw link in the Gist and pasted at the end of your child themes functions.php file using a code editor.

Remove ‘You Are Here’ Text

Change ‘You Are Here’ Text

Modify Home Text

This code changes the Home text to Front Page.

Modify Separator

You can then put all your modifications together into the one custom function and filter multiple arguments for better efficiency.

Reposition Breadcrumbs Using Genesis Hooks

You can easily change the position your breadcrumbs display in your theme using any genesis hook location.

Remove Breadcrumbs On Specific Page

You can easily change the conditional tag in this code snippet to suit your own needs and add the page/post i.d or slug for the one you want removed without effecting other areas of your site.

Other Modifications

This code adds classes which you can modify or use ‘as is’ to style your breadcrumbs.

Style Breadcrumbs

This CSS code will add a home icon in replace of the home text and additional styling which you can easily modify, add to or delete.

This CSS code has been modified from one of the Studio Press child themes.

style breadcrumbs

Genesis Simple Breadcrumbs Plugin

Another way to customize your breadcrumbs is to install the Genesis Simple Breadcrumbs plugin. This plugin enables you to modify all the default settings and label arguments without touching any PHP code.

Simple Breadcrumbs Plugin

This plugin has been developed by Copyblogger Media’s Nick Croft.

I’ll be writing more about how to use filters to modify the output of all the default Genesis functions over the coming months.

Related Tutorials

Comments

30 responses to “Change Breadcrumbs In Genesis”

  1. Qualche lavoro di tuning (miglioramento) sul sito web. • CRITICO.ORG

    […] questa guida ho modificato i breadcrumbs traducendoli in italiano e sistemando un po’ di cose. Ad esempio […]

  2. Thay đổi Breadcrumbs trong Genesis – Yêu WordPress

    […] Change Breadcrumbs In Genesis […]

  3. Add a styling div to Genesis breadcrumb

    […] I am indebted to wpsites.net for this awesome comprehensive explanation of breadcrumb modification. […]

  4. Josef Davies-Coates Avatar
    Josef Davies-Coates

    The code to remove ‘You are here’ doesn’t seem to work for me 🙁

    1. Brad Dalton Avatar
      Brad Dalton

      Do you have any plugins active which modify the breadcrumbs?

  5. John Schuster Avatar
    John Schuster

    You are the Genesis WordPress master. I am working on a monster web dev project and over and over your help is invaluable. I needed to wrap a div around the breadcrumbs for styling and I didn’t want to edit core files. You answered my question! Thanks Brad!

    1. Brad Dalton Avatar
      Brad Dalton

      You’re welcome John.

      Thanks for the positive feedback.

  6. Deb Avatar
    Deb

    Looked everywhere on how to add genesis breadcrumb to a php template page but doesn’t work with what’s been suggested – ie. using genesis() – template only works with normal get_header() on template page, but no breadcrumbs ;0( Can anyone help on how to add breadcrumbs to templates? using Associate theme…

    1. Brad Dalton Avatar
      Brad Dalton

      Try this:
      [code]
      add_action( ‘genesis_before_loop’, ‘genesis_do_breadcrumbs’ );
      [/code]

      1. Deb Avatar
        Deb

        Thanks so much for responding Brad, that night I tried: simply genesis_breadcrumb(); on the template pages and that brought them in – doh! thanks!

        1. Brad Dalton Avatar
          Brad Dalton

          hahaha.

          You’re welcome Deb

  7. Ryan Dolan Avatar
    Ryan Dolan

    How about removing from all except certain pages?

    1. Brad Dalton Avatar
      Brad Dalton

      You mean remove breadcrumbs from all excerpts on specific pages?

      1. Ryan Dolan Avatar
        Ryan Dolan

        I only want the bread crumbs on certain pages, not all of them

        1. Brad Dalton Avatar
          Brad Dalton

          The code for that is already included in this post however you will need to modify the conditional tag according to your needs.

  8. mark Avatar
    mark

    Added code to Dynamiks functions.php but no luck also tried the plugin that didn’t work either

    http://www.mediray.co.nz/preview

    Any thoughts as to why it ain’t workin’

    1. Brad Dalton Avatar
      Brad Dalton

      I would ask the guys at Cobalt Apps however you might also try using the custom functions box Dynamik includes.

      The code is tested and works but plugins will over ride any custom PHP code.

  9. lbj Avatar
    lbj

    How to change the breadcrumb using instead of using ?

    Thanks 😉

  10. hermie Avatar
    hermie

    Hi Brad,

    Wondering, is there a good way to omit post titles from breadcrumbs?

    I found this snippet on Bill Erickson’s site http://www.billerickson.net/code/remove-post-title-from-breadcrumb/

    It’s also in Gary Jones’ gist here https://gist.github.com/GaryJones/5233669, with following note “Remove post title from Genesis breadcrumb (assumed on single.php, so limited possibilities). Completely untested.”

    Thanks in advance

    1. Brad Dalton Avatar
      Brad Dalton

      Not sure Herman.

      Let me see if i can work out a solution for you.

  11. Laura Avatar
    Laura

    Nice roundup on breadcrumbs; very helpful!

    Is there a way to remove breadcrumbs from one specific page, perhaps by page ID?

    1. Brad Dalton Avatar
      Brad Dalton

      Hello Laura

      Yes you can add a conditional tag after the function.

      I have just updated this post to include an example of how to remove breadcrumbs conditionally.

  12. Yvonne Manders Avatar
    Yvonne Manders

    Hi,
    Please could you help me with this?
    I have installed the Genesis breadcrumb plugin. However; I don’t see the parent page:

    I see: home/subpage.
    I would like to see: home/page/subpage.

    Thanks!

    1. Brad Dalton Avatar
      Brad Dalton

      Hi Yvonne

      You can only do what the plugin provides as far as customization of your Breadcrumbs.

      Otherwise you would need to write, test and use custom code if you want to further extend the customization of your Breadcrumbs.

  13. Bill Avatar
    Bill

    For Genesis 2/Agency Child Theme

    I’m not feeling it. Client asked that I soften the color of breadcrumbs from black to gray like C0C0C0 or D0D0D0.

    In the Agency style sheet i added “font-color: #D0D0D0;” but nothing changes

    /* Breadcrumb
    ———————————————————— */

    .breadcrumb {
    background: #ddd url(images/gradient.png) repeat-x;
    border-bottom: 1px solid #eee;
    font-color: #D00000;
    font-size: 14px;
    margin: -25px -30px 20px;
    padding: 15px 30px;
    }

    1. Brad Dalton Avatar
      Brad Dalton

      Hey Bill

      Try replacing font-color with color.

    2. Bill Gram-Reefer Avatar
      Bill Gram-Reefer

      That works, thanks. but for the life of me I tried that first and did not see any changes.

      Thanks.

      1. Brad Dalton Avatar
        Brad Dalton

        Understand Bill.

        I wrote a post about 16 reasons why code doesn’t work when it actually does that may interest you.

  14. Keith Davis Avatar
    Keith Davis

    The ultimate Genesis breadcrumbs post Brad.

    Coding or plugin, all angles covered.

    1. Brad Dalton Avatar
      Brad Dalton

      That’s exactly what i planned on doing Keith but my eyes started to go after 16 hours so i’ll add to it as i work out more.

      Not difficult to makes changes to breadcrumbs in Genesis.

      Thanks for the comment.

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.