Customizing the first breadcrumb

  • Resolved Michał

    (@mmmisiek)


    7 years, 8 months ago

    Hello Ben!

    The question is: how to avoid the word “home” in english as the first breadcrumb?

    I think about two solutions, maybe both 🙂

    1. make this word possible to translate (line

    ‘home_title’ => ‘Home’

    in the breadcrumbs.php file),
    2. make this word possible to replace using the “fa fa-home” (maybe more/another) classes from Font Awesome.

    ad 1. I’ve tried to modify the word ‘Home’ with polish in the breadcrumb.php, but I work with child theme and it looks that copying ignite/inc/breadcrumbcphp to the ignite-child/inc/breadcrumb.php don’t work – the breadcrumb.php from parent is active.

    ad 2. I don’t know how to (using css) add dynamically

    <span class=”fontawesome-text”>Home</span>

    only for the Home text. AFAIK :before/:after can’t help with html tags.

    Regards
    Michał Maciejewski

    PS. Are you interested in Polish translations into all your themes?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    7 years, 8 months ago

    Hi Michał,

    Thanks for pointing this out. I will make it translatable in the next update.

    For now, there is a fairly easy way to update the text. First, copy the header.php from Ignite into your Ignite Child theme. Then update the breadcrumb function on line 15 like this:

    <?php ct_ignite_breadcrumbs(array('home_title' => 'New Text')); ?>

    This will pass in a new value for home_title which is the text at the beginning that currently says “Home”. All you need to do is update “New Text” to whatever you’d like it to display.

    Thread Starter Michał

    (@mmmisiek)

    7 years, 8 months ago

    Thank you again Ben 🙂

    Now some css can show the Home icon from FontAwesome:

    .item-home {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .bread-home:before {
    content: “\f015”;
    }

    Code above is from FontAwesome.

    Leaving empty string:

    ‘New Text’ –> ”

    shows only the Home icon.

    Theme Author Ben Sibley

    (@bensibley)

    7 years, 8 months ago

    Nice, thanks for sharing the code here for that 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customizing the first breadcrumb’ is closed to new replies.