Accordion Blocks
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 */
Top keywords
- accordion16×5.84%
- item12×4.38%
- title11×4.01%
- accordion item8×2.92%
- c-accordion8×2.92%
- items6×2.19%
- accordion items5×1.82%
- accordion item title4×1.46%
- accordions4×1.46%
- item title4×1.46%
- adding3×1.09%
- block3×1.09%
Mail And Content Protect – keep emails and content safe from misuse
Stop spam bots from harvesting your email addresses and keep sensitive content protected – with one simple Gutenberg block. Why Mail And Content Protect? Publishing an email address or phone number on your site is an open invitation for spam bots. Mail And Content Protect is a robust plugin designed to safeguard your emails and content from spam and unauthorized access, so you can share contact details with real visitors without feeding the scrapers. The block supports four content types – Content, Email, Phone Number, and URL – and comes with customizable options, so you can tailor the protection measures to suit your specific needs. You can also set the typography and color of the secured values so they blend perfectly with your design. Add the block anywhere in the Gutenberg editor, pick the content type, and adjust everything from the settings sidebar – no code required. Free Features Four Content Types: Protect Content, Email, Phone Number, and URL values. Customizable Protection: Tailor the protection measures to suit your specific needs. Typography & Color Controls: Style the secured values to match your site. Gutenberg Native: Add and configure the block directly in the editor’s settings sidebar. Unlimited Use: Reuse the block as many times as you want. How to Use – Quick Start Install and activate the Mail And Content Protect plugin. In the Gutenberg editor, add the Mail And Content Protect block from the “Widgets” block category. Choose the content type (Content, Email, Phone Number, or URL) and enter your value. Adjust the settings from the right-side settings sidebar. Publish – your content is protected. Use Cases Contact Pages: Show your email and phone number without exposing them to spam bots. Business Sites: Protect client or partner contact details on public pages. Blogs & Communities: Keep selected content and links restricted from unauthorized access. Liked this plugin? Want a new feature? Send us some feedback. ⭐ Check out the Parent Plugin of this plugin- 🔥 b Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs.
Top keywords
- content15×4.00%
- block7×1.87%
