crumbNavigation is an effective feature that enhances the usability of a website and helps to SEOTheAstra The theme comes with breadcrumb functionality and provides rich customization options that allow users to tweak it according to their needs. In this article, we will cover the way to enable and configure breadcrumb navigation in Astra theme.
![Image [1] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094320333-image.png)
Enable Astra Theme's Built-in Breadcrumbs Feature
Astra Theme for WordPress A built-in breadcrumb feature is provided. Enabling this feature is easy, just follow the steps below:
- Log in to the WordPress backend.
- switch to exterior condition > customizableThe
- locate crumb option and enable it.
Once enabled, the breadcrumb display settings can be further adjusted. Below are the available setting options:
![Image [2] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094434387-image.png)
- Show position: You can choose to display the breadcrumbs in the header, before the title, or after the header.
- delimiter: Set the separator between individual links in a breadcrumb, e.g.
/maybe>. - disable page: Disable breadcrumb display on specific pages or categories (e.g. 404 pages, category pages, etc.).
- alignment: Choose the alignment of the breadcrumbs, left, center and right alignment is supported.
- Margin control: Adjust the top, bottom, left and right margins of the breadcrumbs.
- Colors and Fonts: Set custom colors and font styles for breadcrumbs.
Show breadcrumb navigation anywhere
By default, theAstra The breadcrumbs provided can only be displayed in the header, before the title and after the header. If you wish to display the breadcrumbs anywhere on the page, you can use the shortcode:[astra_breadcrumb]
Insert the shortcode into the text of the page or the HTML module will be able to display breadcrumbs in the desired location.
Breadcrumb navigation with support for third-party plugins
In addition to Astra's own breadcrumbs feature, Astra also supports breadcrumbs feature of several major SEO plugins. Below are the supported plugins:
- Yoast SEO
- Breadcrumb NavXT
- Rank Math
- SEOPress PRO
When using these plugins, Astra automatically recognizes and allows the user to select the plugin as the source of the breadcrumbs. You can continue to use Astra's style control options to adjust the display of breadcrumbs.
Setting up breadcrumb functionality for third-party plugins
1. Yoast SEO Plugin
![Image [3] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094546148-image.png)
- Install and enable Yoast SEO Plug-ins.
- exist SEO > Search Appearance > crumb Enable the breadcrumb feature in the
- go into customizable > opening (chess jargon) > crumbin Breadcrumb sources choose from Yoast SEOThe
![Image [4] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094531829-image.png)
Once setup, Astra will display the Yoast SEO plugin's breadcrumbs, and the Astra will override the default styling of the Yoast plugin.
2. Breadcrumb NavXT Plugin
- Install and enable Breadcrumb NavXT Plug-ins.
- exist customizable > crumb choose from Breadcrumb NavXT As a source of breadcrumbs.
![Image [5] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094556432-image.png)
Breadcrumb NavXT plugin forcrumbIt can be customized through Astra's styling options, and you can disable the display on specific pages.
3. Rank Math Plugin
- Install and enable Rank Math Plug-ins.
- exist Rank Math > General Settings > crumb Enable the breadcrumb feature in the
- go into customizable > crumbSelection Rank MathThe
![Image [6] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094605650-image.png)
The breadcrumbs of the Rank Math plugin will follow Astra's styling and can be disabled from displaying on the desired page.
4. SEOPress PRO plug-in
- Install and enable SEOPress Free and PRO versions of the plugin.
- exist SEO > PRO > crumb Enable the breadcrumb feature in the
![Image [7] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094633280-image.png)
- configure HTML Breadcrumb display.
![Image [8] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094724803-image.png)
- exist customizable > crumb choose from SEOPress As a source of breadcrumbs.
![Image [9] - How to Enable and Manage Breadcrumb Navigation in Astra Theme](http://gqxi.cn/wp-content/uploads/2025/04/20250418094738659-image.png)
The breadcrumbs of the SEOPress plugin can also be styled via the Astra Customizer and can be disabled for display on specific pages.
summarize
Astra The theme provides convenient built-in breadcrumbs and supports extensions via shortcodes and third-party plugins.crumbfeatures. Whether you use Astra's own breadcrumbs or customize them with Yoast SEO, Breadcrumb NavXT, Rank Math, and SEOPress plugins, you can easily add breadcrumb navigation to your website and tweak it with Astra's styling options. This not only improves the user experience of your website, but also helps to SEO Optimization.
Link to this article:http://gqxi.cn/en/50670The article is copyrighted and must be reproduced with attribution.
![Emoji[chi]-Photonflux.com | Professional WordPress repair service, worldwide, rapid response](http://gqxi.cn/wp-content/themes/zibll/img/smilies/chi.gif)
![Emoji[xigua]-Photonflux.com | Professional WordPress Repair Service, Worldwide, Fast Response](http://gqxi.cn/wp-content/themes/zibll/img/smilies/xigua.gif)
[Images]
簡體中文 
English 
日本語 
Fran?ais 
Espa?ol 
No comments