---
title: "How to Add Breadcrumbs on Blog Post Single Page?"
url: https://theplusaddons.com/docs/add-breadcrumbs-on-blog-post-single-page/
date: 2023-10-26
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Breadcrumbs-on-Blog-Post-Single-Page_-1024x536.jpg
word_count: 586
---

# How to Add Breadcrumbs on Blog Post Single Page?

## 

- Breadcrumbs Bar de The Plus Addons for Elementor construye la ruta desde las categorías del propio post, sin configuración por entrada, y usa la primera categoría si el post está en varias.
- Breadcrumbs Bar está en la versión Free y en Pro, se activa en The Plus Addons > Widgets, y puede añadirse en una plantilla single o header para mostrarlo solo en esas páginas o en todo el sitio.
- Letter Limit > Current recorta el título del post por caracteres, no por palabras, con un ejemplo de 12 caracteres; Parent en Extra Option oculta los pasos de categoría y deja Home y el título.

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](https://theplusaddons.com/docs/breadcrumbs-bar-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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:

![Breadcrumb on a single blog post showing the home link, the category and the post title](https://theplusaddons.com/wp-content/uploads/2023/10/single-post-breadcrumb-demo.png)

## 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.

![Letter Limit popover in the Special Option section with the Current switch turned on](https://theplusaddons.com/wp-content/uploads/2026/09/breadcrumbs-letter-limit.webp)

With 12 characters, the post title is cut after the twelfth character:

![Front-end breadcrumb reading Home, Guides, Elementor Guides and a post title cut to Designing a](https://theplusaddons.com/wp-content/uploads/2026/09/breadcrumbs-result-letter-limit.webp)

## 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.

## Related Docs

- [Breadcrumbs Bar widget settings overview](https://theplusaddons.com/docs/breadcrumbs-bar-widget-settings-overview/)- [Add breadcrumbs to a category page](https://theplusaddons.com/docs/add-breadcrumbs-to-elementor-category-page/)- [Add breadcrumbs on a custom post type single page](https://theplusaddons.com/docs/add-breadcrumbs-on-custom-post-types-single-page/)

## Frequently Asked Questions

**Q: How do breadcrumbs work on a blog post single page in The Plus Addons for Elementor?**
A: The Breadcrumbs Bar widget builds the trail from the post’s own categories, so there is no per-post setup. On a blog post, the breadcrumb shows which category the post belongs to and gives readers a way back into it. The trail is built from the post being viewed, which means one widget can cover every post in the template.

**Q: Why is no category showing between Home and the post title?**
A: That usually happens for one of two reasons: the post has no category, or Parent in Extra Option is set to Hide. The widget can only show a category path if it has a category to read from, and hiding Parent removes those category steps entirely. If you want the middle trail back, check whether the post is categorized and whether Parent is hidden.

**Q: What happens if a blog post is in more than one category?**
A: The widget uses the first category on the post, then walks up that category’s parents from the top down. That matters because the breadcrumb can change just by changing category order, not by adding more categories. If the wrong path appears, leaving the post in one category or reordering them is the cleanest fix.

**Q: Can I shorten a long blog post title in breadcrumbs?**
A: The Breadcrumbs Bar widget includes Letter Limit under Special Option for trimming long titles. Current controls the active title text, and with 12 characters the title cuts off after the twelfth character. The key detail is that this limit is by characters, not words, so it can break mid-word if you set it too low.

**Q: Does this breadcrumb setup work on every blog post without extra per-post editing?**
A: The trail is built from the post being viewed, so one widget covers every post. That makes it practical for single post templates and header templates instead of editing each article separately. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this behavior through the Breadcrumbs Bar widget in both Free and Pro.

**Q: What are the main limitations of Breadcrumbs Bar on a blog single page?**
A: The biggest limits are structural, not visual. Letter Limit cuts by characters, Current set to Hide removes the title with CSS but leaves it in page source, and the breadcrumb markup adds no breadcrumb structured data for search engines. The widget also does not load Font Awesome, so home and separator icons can appear blank if nothing else loads it on that page.