web_breadcrumbs Shortcode
The web_breadcrumbs shortcode renders the breadcrumbs component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_breadcrumbs]When a custom post type uses a taxonomy-based permalink configured under Settings → Permalinks, the breadcrumb output includes the complete selected taxonomy hierarchy. If that taxonomy uses a page-backed archive base, every ancestor page and the selected base page appear before the terms. Page titles and term names provide the labels, every ancestor links to its canonical URL, and Rank Math output follows the same hierarchy when its breadcrumb integration is active.
Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
Customize the stylesheet
Administrators can replace the complete Breadcrumbs stylesheet under Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Breadcrumbs. Saving publishes an optimized per-site copy without adding the stylesheet to pages that do not contain the shortcode. Reverting returns the existing web-breadcrumbs handle to the current breadcrumbs.min.css supplied by the theme. The generated hierarchy, labels, canonical links, separators, responsive visibility, and shortcode markup remain unchanged, and the stylesheet-only feature does not gain a JavaScript request.
Verification
Verify web_breadcrumbs with representative content, its empty state and every enabled responsive range.