There’s a good chance that you’re already using the WordPress SEO by Yoast plugin on your site. As I’m writing this, there have been 11,575,494 downloads from WordPress. If you’re using the Genesis breadcrumbs, you should refer to this post instead.
There’s also a good chance you’re already using the very popular Font Awesome icons. If not, you can refer to the same post referenced above to see how to use them, or you can use whatever icon or image that you’d like.
If you’re using the WordPress SEO by Yoast plugin, replacing the “Home” text with an icon takes just one step.
Add Your Home Icon HTML
In your wordpress admin menu (left side of your screen), go to SEO > Internal Links and enter your icon or image html in the field that says “Anchor text for the Homepage:”, then press the “Save Changes” button and your done.
By default, your breadcrumbs will show as:
Once you follow the step above, your breadcrumbs will now look like:
If you’re not already using Font Awesome (or WordPress Dashicons), you’ll have to take a second step to include them by enqueuing the Font Awesome stylesheet (adding this to your theme’s functions.php file):
[gist id=”cd4691da9aecfa582daf” file=”genesis-enqueue-fontawesome-css.php”]
A couple of other things to consider are how this affects SEO and how it affects accessibility since you’re removing the “Home” text. If you have any thoughts about either of these, I look forward to the discussion in the comments.