Lightweight Accordion vs Widget Options – Advanced Conditional Visibility for Gutenberg Blocks & Classic Widgets

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] 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. 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' );

Widget Options gives you super powers to control your site’s sidebar widgets and all Gutenberg blocks on pages & posts. 👉 Over 2,700,000+ downloads 👉 Average rating of ⭐⭐⭐⭐⭐ 4.9 stars 👉 Reduce plugin bloat. Widgets AND Gutenberg block control in one plugin Widget Options expands Widget & Gutenberg block settings with feature-packed options so you can completely manage and control their visibility, appearance, and behavior. Show or hide content depending on user roles, devices, dates, URL…and more! ✨ INSIDER TIP: ✨ Power users love the Pro version—unlock conditional logic, animation effects, sticky widgets, custom styling, and dozens of advanced controls to make your blocks and widgets do exactly what you want. Take Full Control over your WordPress Widgets & Gutenberg Blocks Widget Options’ suite of controls makes it simple to achieve all of the following: ✅ EASILY MANAGE WIDGET & GUTENBERG BLOCK VISIBILITY ON YOUR WORDPRESS SITE Effortlessly manage visibility and access across different pages, posts, and categories with the Widget Options plugin.With intuitive search or checkbox selections, customize your site’s layout for categories, tags, custom post types, and more, ensuring your widgets and blocks appear exactly where you want them! ✅ SHOW OR HIDE WIDGETS OR BLOCKS ON MOBILE DEVICES, DESKTOP AND/OR TABLET Enhance your website’s mobile experience with Widget Options. This tool allows you to streamline navigation by selectively displaying widgets or blocks on mobile devices. Keep your desktop and tablet interfaces unaffected while optimizing mobile views. The ‘Device Visibility’ feature in the widget settings clearly indicates which sidebar widgets are active on different devices, ensuring a flexible and user-friendly widget management. ✅ USER LOGIN STATE Decide which widgets or Gutenberg blocks should be visible or hidden to either logged-in or non-logged-in users. This feature is helpful when you want certain website functions to be available only to registered users. ✅ CUSTOM WORDPRESS WIDGET ALIGNMENTS Change your widget or block alignment to match the entire look of your website. Comes with center, left, right, and justified alignment options which can be customized for each device type. ✅ CUSTOM WIDGET ID & CLASSES Create predefined classes on the plugin’s settings page and use them later for each widget. You can also add custom widget ID and additional classes for styling or javascript purposes. ✅ DISPLAY WIDGET LOGIC Use WordPress Conditional tags to manage and restrict your widgets or Gutenberg blocks using display widget logic option if you’re geeky enough to use PHP conditions and in need of custom restrictions. ✅ HIDE WIDGET TITLE Easily hide widget titles from the front-end display while retaining them on the backend dashboard for labeling. ✅ ENABLE / DISABLE WIDGET OPTIONS FEATURES Tailor your experience effortlessly by selecting only the features you desire, and easily disable any unwanted widget options features through the intuitive settings page. ✅ WIDGET BLOCK EDITOR Choose between the Classic Widget or Gutenberg Block Widget Editor with our latest feature. Experience the classic design with the old widget or embrace the power of blocks with the modern widget. Ideal for users who love the Gutenberg experience! ✅ STICKY/FIXED WORDPRESS WIDGETS (PRO) This premium feature allows widgets to be always visible to users as they scroll up and down a webpage. Make your most important widgets sticky or fixed so that users can access them easily. Widget Option’s Time-Saving Features Widget plugins shouldn’t only give you control over your widgets. They must also save you a lot of time! Here are Widget Options’ features that can do that: ✅ LIVE WIDGET SEARCH FILTER Admins save time and manage widgets more efficiently by enabling the live widget search box on your widget dashboard to locate widgets easier. No need to scroll the page. ✅ NO NEED TO DRAG WORDPRESS WIDGETS TO MOVE THEM Increase productivity and improve widgets management by moving any widgets easily with just a click-and-select action. No more drag-and-drop! This is a convenient option especially when using small-screen devices such as tablets or mobile phones. ✅ IMPORT & EXPORT WIDGETS AND WIDGET AREA BACKUP You can now import and export WordPress widgets easily and create backups of specific sidebar widget areas. Move widgets to another website with ease. ✅ VIEW YOUR CHANGES LIVE This plugin is customizer-ready for easier modification. View your changes live before saving it! Compatible with Most Major Page Builders Some widget plugins may not work well with page builders. Widget Options supports Gutenberg, SiteOrigin, Elementor, and Beaver, helping you manage widget visibility and placement with ease. 🛠️ GUTENBERG BLOCK EDITOR BY WORDPRESS Widget Options gives you full control over the visibility of Gutenberg Blocks, which are the building blocks for many themes and sites today. Simply select the content block you want to edit and you will see all of the Widget Options abilities on the right side settings panel. 🛠️ PAGE BUILDER BY SITEORIGIN PLUGIN COMPATIBLE With Widget Options on your website that is powered by SiteOrigin Page Builder, you can add more control to the widget panels. Manage visibility on specific device types, change alignments, hide widget panel title, add custom classes, and control visibility using display widget logic option! 🛠️ ELEMENTOR PAGE BUILDER READY Extend Widget Options’ visibility restrictions on elementor widgets! You can now have the same widget management features available to your Elementor-powered websites. 🛠️ BEAVER BUILDER PLUGIN READY Widget Options now comes with Beaver Builder plugin integration – integrated for a smooth website building workflow. You can fully manage each module in many ways you want! 🛠️ ADVANCED CUSTOM FIELDS (ACF) SUPPORT Easily show or hide any widget using your ACF fields and conditions. You can create restrictions on your widgets with the following conditions: Equal To Not Equal To Contains Does Not Contain Is Empty Is Not Empty The ACF function is also available for Elementor and Beaver Builder. UPGRADE TO THE WIDGET OPTIONS EXTENDED PLUGIN Turn Widget Options into an even more flexible widget area manager. Upgrade to Widget Options Extended today! ✨ PREMIUM FEATURES ✨ NEW: Unlock more features for Gutenberg widgets and blocks (pages, posts and other custom post types) NEW: Widget visibility for author’s contents and archive page Inherit page parent visibility NEW: Filter multiple pages by keyword-containing slug Target URLs and wildcard restrictions Clone widgets Custom widget links Advanced widget visibility control by user role Sticky / fixed WordPress widgets Custom widget columns display NEW: Widget visibility per days and date range (+ option to ignore year) Custom WordPress widget styling Widget cache Extended taxonomy and terms support Display sidebars and widgets using shortcodes Disable any WordPress widgets Permission options (control who can edit widget settings based on user role) 👉👉 Check out the full list of Widget Options Extended features here. ADD-ONS Check out the Sliding Widget Options add-on! Transform any of your widgets into: A modal pop-up A slide in/toaster A chat box …any other animated sliding panel you can think of to increase your website’s user engagement! CONTACT AND CREDITS Widget Options for WordPress is regularly maintained and developed by the Widget Options Team. We work hard to keep Widget Options up-to-date and expanding, to make the most powerful widget and block manager on WordPress even more, well… powerful! 💪 If you would like to contribute, report issues or have suggestions, you can find the development version on Github. You can also visit us at our Youtube Channel. Contact and Credits Widget Options for WordPress is maintained and developed by Widget Options Team.