On a blog, a breadcrumb tells readers which category the post belongs to and gives them a way back into it.
The Breadcrumbs Bar widget from The Plus Addons for Elementor builds that trail from the post’s own categories, with no per-post setup.
To check the complete feature overview documentation of The Plus Addons for Elementor Breadcrumbs Bar widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — the Breadcrumbs Bar widget is in the free plugin as well as Pro, and the trail it builds is the same in both.
- Widget to enable: Breadcrumbs Bar, switched on under The Plus Addons > Widgets.
- Where to add it: the template for the pages you want it on — a header template shows it site-wide, a single or archive template shows it on those pages only.
How to Add Breadcrumbs on a Blog Post
- Open the single post template you use for blog posts, or your header template if you want the breadcrumb on every page of the site.
- Add the Breadcrumbs Bar widget where the trail should appear.
- Adjust the widget if you want to: Home Title and the icons live in Content, the separator in Separator Icon, and the show/hide switches in Extra Option.
- Publish the template and open a post.
The post’s category path appears between the home link and the post title:
What the Trail Shows
| Part | Where it comes from |
|---|---|
| Home | The Home Title setting, linked to your home page |
| Category steps | The post’s first category, and that category’s parents, from the top down |
| Last step | The post title, as plain text |
Shortening a Long Post Title
Blog titles are often too long for a single line. Open Special Option, click Letter Limit, switch Current on and set the number of characters to keep.
With 12 characters, the post title is cut after the twelfth character:
How It Behaves
- The trail is built from the post being viewed, so one widget covers every post.
- If a post is in more than one category, the widget uses the first one.
- A post with no category of its own falls back to the site’s default category.
- Parent set to Hide in Extra Option removes the category steps and leaves the home link and the post title.
- Current set to Hide removes the post title from view and leaves the category path.
- The widget behaves the same in the free plugin and in Pro.
Limitations
- The Letter Limit cut is by characters, not words, so it can break mid-word.
- Letter Limit > Parent does nothing; only the Current limit works.
- Current set to Hide hides the post title with CSS. The text is still in the page source.
- The breadcrumb is plain navigation markup, so it adds no breadcrumb structured data for search engines.
- The widget does not load Font Awesome. On a post where nothing else loads it, the home and separator icons come out blank.
Troubleshooting
No category shows between Home and the title
Either the post has no category, or Parent in Extra Option is set to Hide.
The wrong category shows
The post is in several categories and the widget uses the first one. Leave the post in one category, or reorder them.
The title is cut off unexpectedly
Letter Limit > Current is switched on in Special Option. Turn it off or raise the number.
