New Check out the curated list of the finest design resources I've gathered for you! Take a look →

How to Create Breadcrumbs in WordPress

If you want to enhance navigation on your WordPress website and improve user experience, creating breadcrumbs is a great option. Breadcrumbs provide a clear path for visitors to navigate back to previous pages. In this article, we will guide you through the step-by-step process of creating breadcrumbs in WordPress.

Table of Contents

Step by Step

1. Install and activate a breadcrumb plugin:

  • Go to your WordPress admin dashboard and navigate to “Plugins” > “Add New”.
  • Search for a suitable breadcrumb plugin like “Breadcrumb NavXT” or “Yoast SEO”.
  • Install and activate the plugin.

2. Configure the breadcrumb settings:

  • Once the plugin is activated, go to “Settings” > “Breadcrumb” in your dashboard.
  • Configure the settings according to your preferences, such as choosing the breadcrumb separator, post types to display breadcrumbs on, etc.

3. Add the breadcrumb code to your theme:

  • Depending on the plugin you chose, you may need to add a few lines of code to your theme files.
  • Locate the appropriate theme file, usually header.php or single.php, and open it using a text editor.
  • Find the appropriate place to add the breadcrumb code and insert it.

4. Customize the breadcrumb display:

  • If you want to customize the appearance of the breadcrumbs, you can do so by modifying the CSS styles.
  • Use the Chrome Developer Tools or any other web inspector tool to identify the breadcrumb container’s CSS class or ID.
  • Add custom CSS code to your theme’s stylesheet or use a custom CSS plugin to modify the display according to your preferences.


Creating breadcrumbs in WordPress can significantly improve the navigation and user experience on your website. By following the step-by-step guide provided above, you can easily install a breadcrumb plugin, configure the settings, add the code to your theme, and customize the display. Breadcrumbs are a valuable addition to your website, providing users with a clear path back to previous pages.

In summary, the key points to remember are installing a breadcrumb plugin, configuring the settings, adding the necessary code to your theme files, and customizing the display using CSS. With breadcrumbs in place, your visitors will have a better browsing experience and find it easier to navigate your WordPress website.

Rizwan Aritonang

An independent WordPress & Front-End Developer from Bandung, Indonesia.

Get In Touch

Leave a Comment