Accordion Blocks vs Content Slider Block – bring your content to life with slides

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

Turn static pages into engaging, swipeable stories – build professional content sliders right inside the block editor, no code required. Plugin Demo | Documentation | Pricing Why Content Slider Block? Content Slider Block adds a dedicated slider block to the Gutenberg editor so you can showcase content professionally – each slide with its own background (vibrant gradient, captivating image, or sleek color), plus a title, description, and call-to-action button. Customization is at the core of the plugin. Flexible typography settings let you fine-tune every text element, buttons are fully stylable with link behavior, padding, and borders, and you control exactly where content sits on each slide – you can even drag it into position. Responsive column options keep your sliders looking sharp on desktops, tablets, and phones. Advanced slider options – autoplay, loop, touch move, slide speed, and transition effects like Slide, Fade, and Creative – help you build sliders that leave a lasting impression. Whether you’re a blogger, marketer, or business owner, Content Slider Block lets you tell your story your way. Free Features Flexible Slide Backgrounds: Set a color, gradient, or image background for each slide. Rich Slide Content: Add a title, description, and button to every slide. Typography Controls: Set typography for the title, description, and button. Button Styling: Specify link tab behavior, padding, and border for the button. Drag-and-Drop Content Position: Set different positions for slide content, or simply drag it into place. Color Controls: Different colors for slide title and description, plus button colors and hover colors. Responsive Columns: Apply different column counts per device, with column gap, width, and height controls. Slider Options: Loop, Touch Move, Slide Speed, and Autoplay. Transition Effects: Slide, Fade, and Creative effects. Pagination & Navigation: Show/hide both and configure their dynamic styles, including clickable pagination and dynamic bullets. Pro Version – More Effects & Control Upgrade to Content Slider Block Pro for advanced slider behavior and device-level control. Pro features include: Sortable: Reorder slides with drag and drop. Border: Border style options on every single slide. Advanced Autoplay: Delay time, Disable on Interaction, Reverse Direction, Pause on Mouse Enter, and Stop on Last Slide. Free Mode & Sticky: Free Mode on drag, with a sticky option. Extra Effects: Cube, Coverflow, Flip, and Cards. Keyboard & Mousewheel Control: Slide with the keyboard or mousewheel. Device Visibility: Show/hide pagination and navigation on tablet and mobile. Wrapper Styling: Background and padding options for the slider wrapper. Shortcode: Use your slider anywhere with a shortcode. How to Use Content Slider Block Install and activate the Content Slider Block plugin. Open a page or post in the Gutenberg editor. Add the Content Slider block from the “Content Slider Block” category. Adjust slides and styles from the right-side settings sidebar. Publish – your slider is live! Use Cases Hero Sections: Rotate headlines, offers, and calls to action at the top of your pages. Promotions & Campaigns: Highlight sales and announcements with bold CTA buttons. Image Showcases: Present photos and visuals in a swipeable carousel. Feature Highlights: Walk visitors through product or service features slide by slide. Storytelling Pages: Guide readers through content in a sequenced, visual way. User Feedback ⭐⭐⭐⭐⭐ simple and effective ❛❛very simple very effective please keep updating it Best Regards❜❜ –tarekelnemrawy Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us. Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Content Slider Block on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. Swiper Source: https://swiperjs.com/ GitHub: https://github.com/nolimits4web/swiper License: MIT – https://github.com/nolimits4web/swiper/blob/master/LICENSE Purpose: Modern touch slider used for Slider and News Ticker components. Freemius Lite SDK Source: https://bplugins.com/ GitHub: https://github.com/bPlugins/freemius-lite-sdk License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy. bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made