add breadcrumbs to a theme

[otono91]

Is there any way to add breadcrumbs to my custom theme?

I haven't found any code snippet in the documentation to do something similar with the new page system.

[internettips]

The solution at: https://cv.domagic.site/posts/breadcrumbs-for-publii works.

[otono91]

work in post.hbs not in page.hbs

[internettips]

@otono91

For post breadcrumbs, as per the article in the previous link, try adding the following code to your CustomCSS in Publii:

`/* Add breadcrumbs */
.breadcrumbs {
display: flex;
justify-content: flex-start;
list-style: none;
margin: 0.5rem;
}

.breadcrumbs li {
padding-right: 0.5rem;
}

.breadcrumbs li:nth-child(1) {
padding-left: 0;
}`

For the new Pages feature in Publii https://getpublii.com/blog/release-046.html, the breadcumbs method outlined above for Posts relies on tags. But the new Pages feature in Publii doesn't interact with tags -- Pages are just standalone pages with no relationship to other pages or posts (unless we specifically add discrete links). So this breadcrumb system won't work in the same way.

It seems that any breadcumb system for Pages in Publii will need a different set-up (even though it displays okay for pages in Splitian theme, the functionality of course won't work as it is now since tags are not referenced in Pages). Maybe the Publii devs or someone else could produce a plugin that addresses this issue that covers both Pages and Posts in Publii. Fingers crossed.