Breadcrumb Block vs Max Mega Menu

This is a single-block plugin for the breadcrumb trail. It’s simple, lightweight, SEO-friendly, and WooCommerce compatibility. It also includes some simple separator icons. It works everywhere: Page Editor, Site Editor, and template files. How to customize the breadcrumb How to change/remove an item? add_filter( 'breadcrumb_block_get_item', function ( $item_args, $context, $breadcrumbs_instance ) { // Ignore items without context. if ( ! $context || ! ( $context['object'] ?? false ) ) { return $item_args; } // Eg: remove a term. if ( 'term' === ( $context['type'] ?? '' ) && 'term-slug' === $context['object']->slug ) { return false; } // Eg: Change the title of a page. if ( 'page' === ( $context['type'] ?? '' ) && page_id_to_change === $context['object']->ID ) { $item_args[0] = 'Make it shorter'; } return $item_args; }, 10, 3 ); $item_args is a 3-item array: [$item_label, $item_link, $item_attrs] $context is an associative array: ['type' => 'item type', 'object' => 'item object']. type can be one of the following values: front_page, home, shop, page, post, single, term, taxonomy, post_type_archive, search, 404, paged, author, date_year, date_month, date_day, attachment. How to change the markup of the block? add_filter( 'breadcrumb_block_get_breadcrumb_trail', function ( $markup, $args, $breadcrumbs_instance ) { return $markup; }, 10, 3 ); How to add or remove the items from the breadcrumb trail? add_filter( 'breadcrumb_block_get_items', function ( $items, $breadcrumbs_instance ) { return $items; }, 10, 2 ); How to use a custom separator for the breadcrumb trail? add_filter( 'breadcrumb_block_get_args', function ( $args ) { // For example, change separator. $args['separator'] = ' '; return $args; } ); The custom separator should be an inline SVG. To make sure it displays properly, it should have three attributes: width, height, and fill. The values of these attributes should be as follows: fill="currentColor" width="1em" height="1em". Using this hook, you can customize other attributes such as container, before, after, list_tag, item_tag, item_before, item_after, separator. How to prepend the blog page to all single posts? add_action( 'breadcrumb_block_single_prepend', function ( $post, $breadcrumbs_instance ) { if ( 'post' === $post->post_type ) { $blog_id = get_option( 'page_for_posts'); if ( $blog_id ) { $breadcrumbs_instance->add_item( get_the_title( $blog_id ), get_permalink( $blog_id ) ); } } }, 10, 2 ); If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it. Please check out my other plugins if you’re interested: Content Blocks Builder – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features. Meta Field Block – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/create-block.

Max Mega Menu is a complete menu management plugin for WordPress, built for the block editor, page builders and classic themes. Create new menus from scratch or enhance your existing ones. With Max Mega Menu you can add WordPress widgets, blocks or custom HTML to your sub menus, style everything with the built in theme editor, and fine tune behaviour with powerful settings. Place menus via a block, page builder element (Bricks, Breakdance, Divi & Elementor), shortcode, widget or wp_nav_menu. The result is a light weight, user friendly, accessible and touch ready mega menu with just a few clicks. Documentation & Demo: https://www.megamenu.com Mobile Native touch event support Built-in off-canvas mobile menu option Set your own responsive breakpoint For items with sub-menus, control what happens on first and second tap – open/close or open/follow link Option to hide sub-menus on mobile Customisable mobile toggle bar – adjust elements to match your site design Features Extends the native WordPress menu system Restores the Appearance > Menus screen in full site editing themes Supports multiple menu locations, each with its own configuration Fully customise menu styling with the built in theme editor Google Font support via integration with the WordPress 7.0 Font Library Organise sub-menu content into rows and columns with the grid layout builder Display any WordPress widget or Block Pattern in your menu Traditional Flyout or Mega Menu sub-menu styles Hover, hover intent, or click to open sub-menus Sub-menu transitions: fade, fade up, slide up, or slide Add icons to menu items Per item options: hide text, disable link, hide on mobile and more Align items to the left or right of the menu bar Align sub-menus to the left or right of their parent item Off-canvas (slide in from left or right) or standard dropdown mobile menu Place your menu via block, widget, shortcode, or automatic integration Native modules for Bricks, Breakdance, Divi & Elementor Accessibility Keyboard Navigation built in TAB activates keyboard navigation and navigates through the menu on both desktop and mobile ENTER or SPACE on a sub menu arrow indicator shows/hides the sub menu ESC closes all open sub menus Max Mega Menu is developed with a focus on code quality, performance and usability. No !important, inline or block CSS – menu locations are styled via a single static CSS file Less than 2kb of JavaScript (gzipped) Responsive, touch and retina ready Keyboard navigation supported Tested across all modern desktop and mobile browsers Low memory footprint Supports all core nav_menu_* filters (prefix with mega_) In-depth documentation included Basic support included with the free version Pro Features: Sliding Panels Mobile Menu Tabbed Mega Menus Sticky Menu Vertical & Accordion Menus Font Awesome & Custom Icons Custom Item Styling Menu Logo Search Box WooCommerce & EDD support Roles & Restrictions Extended mobile toggle blocks Automatic updates Priority Support Find out more: https://www.megamenu.com/upgrade/