Accordion Blocks vs X3P0

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

X3P0: Breadcrumbs is the most robust breadcrumb navigation system for WordPress. Built on 17+ years of development, it automatically detects your permalink structure and displays accurate breadcrumbs for every page on your site. Perfect for improving site navigation and SEO, this breadcrumbs plugin works seamlessly with both block themes and classic themes. Simply insert the Breadcrumbs block via the WordPress Site Editor or add it to your theme templates. Key Features Automatic Site Structure Detection The plugin automatically detects your permalink setup and builds breadcrumbs based on your site’s hierarchy. No configuration needed–it just works out of the box. But you can also customize if you need to change it. Custom Post Type Support Automatically recognizes custom post types and custom taxonomies created by other plugins or your theme. Whether you’re running an ecommerce solution, a portfolio site, or any custom setup, breadcrumbs will display correctly. Block Theme and Classic Theme Compatible Insert breadcrumbs using the WordPress block editor in any template, template part, or pattern. For classic themes, easily add breadcrumbs using a simple PHP function call. Developer Customization Built on a robust object-oriented PHP foundation with extensive hooks and filters. Developers can customize every aspect of breadcrumb generation and display. Schema.org Structured Data Support Choose from plain HTML, Schema.org microdata, or RDFa formats for optimal SEO and search engine visibility. Flexible Display Options Control which breadcrumb items display, customize separators, hide breadcrumbs on specific pages, and style breadcrumbs to match your theme. How to Add Breadcrumbs to Your Site For Block Themes: Go to Appearance → Editor Open your Header template part (or any template where you want breadcrumbs) Click the block inserter (+) and search for “Breadcrumbs” Insert the block and customize settings in the block sidebar Save your template The breadcrumbs will automatically display site-wide based on your permalink structure. For Classic Themes: Add this code to your header.php or any template file where you want breadcrumbs to appear: ') ?> SEO Benefits Breadcrumbs improve your site’s search engine optimization by: Providing clear site structure signals to search engines Reducing bounce rates by offering easy navigation Supporting Schema.org structured data markup Creating internal linking structure automatically Improving user experience and site usability Search engines like Google display breadcrumbs in search results when properly formatted, giving your site more visibility and higher click-through rates. Supported Content Types The breadcrumbs plugin automatically handles: Pages and subpages (hierarchical structure) Blog posts with category breadcrumbs Custom post types (products, portfolios, etc.) Custom taxonomies (tags, genres, locations, etc.) Archive pages (date, author, taxonomy archives) Search results pages 404 error pages Attachment pages Customization Options Block Settings: Show/hide on the homepage Show/hide first crumb (home link) Show/hide last crumb (current page) Link the last crumb (current page) Choose separator style (e.g., slash, arrow, greater-than, bullet, chevron) Customize labels and text Determine whether to automatically detect permalink structure Choose taxonomies to match post types Developer Options: Custom query classes for unique breadcrumb logic Custom assembler classes for conditional breadcrumb display Custom crumb classes for specialized breadcrumb items Filter hooks for modifying which breadcrumbs are shown How It Works This breadcrumbs plugin analyzes the current WordPress query and generates breadcrumbs based on: Your permalink structure – Date-based, post name, category-based, or custom Content hierarchy – Parent pages, category relationships, custom taxonomies Post type configuration – Custom post type archives and relationships Taxonomy settings – Primary categories and taxonomy hierarchies The plugin automatically detects these settings and builds the most accurate breadcrumb trail for each page, so you don’t need to configure complex rules. Developer Documentation For developers who want to customize breadcrumbs programmatically, the plugin provides extensive PHP classes and hooks. See the GitHub repository for full developer documentation. Why Choose X3P0: Breadcrumbs? Unlike simpler breadcrumb plugins, X3P0: Breadcrumbs handles complex site structures automatically: Hierarchical pages – Automatically shows parent → child relationships Category-based permalinks – Shows category structure in URLs Date-based archives – Displays year/month/day breadcrumb trails Custom post type archives – Links back to custom post type archive pages Taxonomy hierarchies – Displays parent/child category relationships Multisite networks – Can include network home in breadcrumb trail The plugin has been refined since 2009, making it one of the most mature and reliable breadcrumb solutions for WordPress.