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.
Slider Block by Sliderberg – Slider & Carousel Plugin for Block Editor
View Demo Sliderberg is a powerful and user-friendly slider and carousel block for WordPress that allows you to create beautiful, responsive slideshows and carousels with ease. Built with modern web technologies, it provides a seamless editing experience in the WordPress block editor. Perfect for showcasing your content in an engaging and interactive way, Sliderberg helps you create stunning visual presentations that capture your audience’s attention. Whether you’re building a portfolio, product showcase, image carousel, or feature highlights, Sliderberg provides the tools you need to create professional-looking slideshows and carousels. 🎉 NEW: Carousel Mode with Responsive Settings! Display multiple slides at once with customizable responsive breakpoints for desktop, tablet, and mobile devices. ** Built by the creators of Ultimate Blocks (50,000+ installs)** Use Cases Image Carousel: Display multiple images at once with smooth scrolling and responsive layouts Product Carousel: Show multiple products side-by-side with customizable spacing Logo Carousel: Create partner or client logo carousels that adapt to screen sizes Text Slider: Rotate quotes, taglines, or any text-based content in a minimal and elegant format Portfolio Showcase: Display your work or projects with smooth transitions and professional navigation Product Galleries: Showcase product images with zoom effects and touch-friendly controls Feature Highlights: Present key features or services with engaging transitions Testimonial Carousel: Share customer testimonials in an elegant carousel display Event Highlights: Showcase event photos or upcoming events with beautiful transitions Team Member Carousel: Present team members in a responsive carousel format Blog Post Carousel: Feature multiple blog posts in a scrollable carousel Promotional Banners: Create attention-grabbing promotional displays Why Choose Sliderberg? Sliderberg stands out as the ultimate Slider Block plugin for WordPress Gutenberg Editor, crafted for performance, simplicity, and versatility. Here’s why it’s the perfect choice for your website: Lightweight & Lightning-Fast Performance: Built with performance in mind, Sliderberg ensures your website remains incredibly fast. No bloated code, just smooth, efficient sliders that won’t slow down your page load times, enhancing user experience and SEO. Seamless Gutenberg Integration: Experience true block-based slider creation directly within the native WordPress Block Editor. Sliderberg integrates flawlessly, making it intuitive and easy for anyone to build stunning sliders without touching a line of code. Slide Anything You Can Imagine: Go beyond just images! With Sliderberg, you can add any Gutenberg block inside your slides. This means you can create sliders featuring text, buttons, videos, testimonials, products, and more – the possibilities are endless! Fully Responsive on All Devices: Your sliders will look perfect on every screen size. Sliderberg is engineered to be 100% responsive, automatically adapting to desktops, tablets, and mobile phones, ensuring a consistent and beautiful user experience everywhere. Copy-Paste Patterns Library: Get a head start with our growing library of pre-designed slider patterns. Easily copy and paste professional layouts directly into your content, saving you time and inspiring your creativity. Core Features Carousel Mode: Display multiple slides at once with responsive settings Beautiful Transition Effects: Choose from Slide, Fade, or Zoom transitions Responsive Design: Works perfectly on all devices with customizable breakpoints Touch & Swipe Enabled: Natural gestures for mobile and tablet users Flexible Navigation Options: Arrows (split, top, bottom) and dots with full customization Autoplay Support: Set custom speed and pause on hover Keyboard Navigation: Use arrow keys to navigate through slides Accessibility First: Built with ARIA labels and keyboard support Block Editor Native: Seamless integration with WordPress Gutenberg Infinite Loop: Keep your content cycling continuously Custom Styling: Control colors, opacity, positioning, and more Privacy Policy Sliderberg does not collect any personal data.
