Breadcrumb Block
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.
Info Cards – present key information in elegant card layouts
Turn plain text into eye-catching info cards that make your content easier to scan, understand, and remember – no code required. Info Cards | Demos | Pricing Why Info Cards? Walls of text lose readers. Info Cards is a Gutenberg block that lets you present content as beautifully designed, informative cards – combining images, text, and links in layouts your audience can consume at a glance. Choose from built-in templates or create your own custom layout to fit your branding. Set columns, gaps, colors, and typography from the block sidebar – no code or additional software needed, even if you have limited technical knowledge. Every card layout is fully responsive, so your content looks great and functions perfectly across all devices and screen sizes. Whether you’re creating product cards, team member profiles, or informational sections, Info Cards helps your content stand out. Free Features Fully Customizable: Adjust every part of the card to match your site. Custom Colors: Use your brand’s colors throughout. Built-in Templates: Start from ready-made card designs. Layout Control: Set columns, column gap, and row gap. Image Support: Use an image in each card. Link Support: Make cards clickable with links. Typography: Control the text styling of your cards. Responsive Layout: Cards adapt to all devices and screen sizes. Easy to Use: Add and customize cards straight from the block editor. Pro Version Info Cards Pro unlocks more designs and deeper styling control: Universal Shortcodes: Compatible with all page builders. 12+ Ready-Made Themes: Professionally designed card styles. Advanced Templates & Layouts: More ways to arrange your cards. More Typography Controls: Font family, weight, and spacing. Hover & Animation Effects: Bring cards to life on interaction. Gradient & Advanced Color Options: Richer backgrounds and accents. Full Box Control: Border, padding, and margin settings. Card Shadows & Depth Effects: Add dimension to your layouts. 7+ New Built-in Blocks: Extra card blocks to build with. Priority Updates & Support. How to Use Install and activate the Info Cards plugin. Go to the page or post where you want to embed the cards. Click the + button in the Gutenberg editor and search for Info Cards. Select the Info Cards block. Create and customize your cards, then publish. Enjoy! Use Cases Product Highlights: Present features or products in scannable cards. Team Profiles: Introduce team members with photo, name, and link. Service Sections: Summarize what you offer in a clean grid. Informational Content: Break long content into digestible cards. Feedback Liked that plugin? Hate it? Want a new feature? Send me some feedback ⭐ Check out the Parent Plugin of this plugin- 🔥 bBlocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs.