The widget produces a breadcrumb trail through the page tree – a single page from each level of the page hierarchy (no nesting, no indenting). This widget is useful for website that may have fairly deep menu`s and a risk of the user getting “lost”.
A Default CSS styling is provided, however this can be switched off. It is also possible to add a separator in the HTML markup (instead of just using CSS to style the menu).
Features:
- Uses listed items with minimal markup. The markup is compatible with twentyseventeentheme html markup and wordpress delivered markup.
- Provides default css styling (no spans for separators), with the option to switch the default styling off to use your own. Depending on your existing theme, you may need to adjust your theme`s css. See below.
- Allows specification of a separator if you really wish one. This will be inserted into a span within the link text, so the whole area is clickable. If there is no separator (default) then no span html is issued.
Screenshots
Screenshot of a breadcrumb navigation with minimal styling in the default wordpress theme.
Widget configuration menu
A vertical use of the breadcrumb widget
html generated in version 1.2 - with css tags for levels
Screenshot of another variation
Widget with separator with spaces
In the default theme sidebar with separators
With background-image
No background image and no separator in default theme in safari
Best configuration for default theme in Safari - no background image, some styling