Skip to content

How to Add Breadcrumbs on Custom Post Types Single Page in WordPress?

Key Takeaways

  • Nexter Blocks Breadcrumbs block adds breadcrumbs to a custom post type single page in WordPress.
  • Custom post type single post template places the Breadcrumbs block on the custom post type single page when there is no separate header template.
  • Nexter Builder creates the custom post type single post template, and the Breadcrumbs block goes in the header template to show breadcrumbs on the entire website.
Table of Contents

Custom post types such as books, events or projects often hold many items. A breadcrumb shows visitors which section they are in.

Add the free Breadcrumbs block from Nexter Blocks to the single template of your custom post type.

For every Breadcrumbs setting in one place, see the Breadcrumbs block guide.

Before You Start

  • Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
  • Block to enable: Breadcrumbs, switched on under Nexter > Blocks in your WordPress dashboard.
  • A public custom post type, for example one made with ACF or a custom plugin.
  • A single template for it: build one with the free Nexter Builder (Nexter > Theme Builder).

Steps

  1. Open the single template of your custom post type and add the Breadcrumbs block above the title.
  1. Click Design from Scratch and choose a Style in Breadcrumbs Bar.
The Breadcrumbs Bar panel with the Simple and Modern styles
  1. Optional: in Visibility, turn on Show Terms and pick the taxonomy your post type uses in Select Taxonomy.
The Show Terms setting with Select Taxonomy, Show Parent Category and Show Child Category
  1. Save the template and open an item of that post type.

How It Behaves

  • The trail is Home, the post type name (for example Book), then the item title.
  • With Show Terms on, the block can add terms from the taxonomy you pick.
  • The title is cut to 20 characters by default; raise the second Current setting for longer titles.
Breadcrumbs above a custom post type item, showing its archive and title

Limitations

  • The post type crumb links to your home page, not to the post type archive. Turn off the first Parent switch in Visibility to remove that crumb.
  • Do not set the Parent or Current limit to 0: it empties the crumbs. Use 100 for full titles.
  • In the template editor the block shows a sample trail.

Troubleshooting

Clicking the post type name opens the home page

This is a known issue. Turn off the first Parent switch to hide that crumb until it is fixed.

The breadcrumbs do not show on my post type

The template is not set to display on that post type. Check its display settings in Nexter Builder.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!