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

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

Lightweight Accordion plugin for WordPress allows you to add collapse elements to posts using a Gutenberg block or a shortcode (via classic editor). By using the details HTML tag and a few lines of CSS this allows for a javascript-free accordion for minimum page load. Extremely Lightweight (<1kb): Without using Javascript the plugin uses the native details HTML tag and a few lines of code for almost no impact on front-end. Customizable: Options include customizing the HTML tag used for the accordion title, open by default, borders, colors, and accordion grouping (auto-close others when one opens). Shortcode Usage examples Here are a few examples of using the accordion plugin with shortcodes. [lightweight-accordion title="My Accordion"]My Content[/lightweight-accordion] Additionally you can display the accordion open on load with the accordion_open option. [lightweight-accordion title="My Accordion" accordion_open=true]My Content[/lightweight-accordion] You can also change the html tag wrapping the title of the accordion using the title_tag option. [lightweight-accordion title="My Accordion" title_tag="h3"]My Content[/lightweight-accordion] If you want to include FAQ schema you can add the schema option and set it to faq. [lightweight-accordion title="What is your return policy?" schema="faq"]You have 1 week to return your items[/lightweight-accordion] If you’d like put a border around the content of the accordion you can use the “bordered” attribute. [lightweight-accordion title="Bordered Content" bordered=true]My Content[/lightweight-accordion] If you want accordions to auto-close when another opens (exclusive accordion), use the “group” attribute with the same value on each accordion. [lightweight-accordion title="Question 1" group="faq"]Answer 1[/lightweight-accordion] [lightweight-accordion title="Question 2" group="faq"]Answer 2[/lightweight-accordion] [lightweight-accordion title="Question 3" group="faq"]Answer 3[/lightweight-accordion] If you’d like to swap the default triangle marker for a chevron or plus/minus icon (optionally on the right side of the title) use the “icon” and “icon_position” attributes. [lightweight-accordion title="My Accordion" icon="chevron" icon_position="right"]My Content[/lightweight-accordion] Shortcode Options Here is the full listing of shortcode options. Additionally all of these options are accessible when using the Gutenberg block. title (Required Default: null) The title of your accordion will be displayed at the top for users to click. A good example would be to include a user’s question so they could click it for more details. content (Required Default: null) Content that will go into your accordion element. title_tag (Default: “span”) This sets the html tag that wraps the title in the accordion summary. Useful if you want to make it a heading tag for SEO purposes. accordion_open (Default: false) Set this to true if you want your accordion to be open by default. bordered (Default: false) Set this to true if you want a border around the accordion content. title_text_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. title_background_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. schema (Default: false) Set this to faq if you’d like FAQ schema to be included. class (Default: false) Used to add a custom class to the parent container of the accordion. anchor (Default: null) Adds the value as an ID to the accordion div as an anchor. autop (Default: true) By default the shortcode will wrap text in a ‘p’ tag. Set this to false if you’d like this disabled for the specific accordion. group (Default: false) Set this to a group name to make accordions with the same group auto-close when another opens. Uses the native HTML details name attribute for zero JavaScript overhead. icon (Default: false) Set this to “chevron”, “plus”, or “none” to replace the default triangle marker. The chevron rotates and the plus becomes a minus when the accordion opens. icon_position (Default: false) Set this to “right” to display the chevron or plus icon on the right side of the accordion title. Additional Details If you’d like to remove the “lightweight-accordion.css” from being enqueued on your site use the filter below. It’s recommend you style the accordion yourself if you use this filter. add_filter('lightweight_accordion_include_frontend_stylesheet', '__return_false' ); If you’d like to remove the “lightweight-accordion/editor-styles.css” from being enqueued in the admin area of your site you can use the filter below. add_filter('lightweight_accordion_include_admin_stylesheet', '__return_false' ); If you’d like to remove processing of shortcodes in accordion content you can use this filter. add_filter('lightweight_accordion_process_shortcodes', '__return_false' ); If you’d like to use inline Microdata for FAQ schema you can use this filter. (Not recommended) add_filter('lightweight_accordion_output_microdata', '__return_true' ); If you’d like to force “lightweight-accordion.css” to load on all of your site you can use this filter. By default the plugin will detect if the block or shortcode is used and enqueue the CSS. add_filter('lightweight_accordion_always_include_frontend_stylesheet', '__return_true' ); When a page contains an accordion a tiny inline script is added to the footer that automatically opens accordions targeted by a URL hash (for example a link to an accordion’s anchor). If you’d like to disable this you can use the filter below. add_filter('lightweight_accordion_anchor_script', '__return_false' );