Accordion Blocks vs Slider Block by Sliderberg – Slider & Carousel Plugin for Block Editor

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 */

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.