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%
Team Section Block – introduce your team with beautiful layouts
Introduce your team in style – fully customizable member showcases that look great on every device, no coding required. Team Section | Demos | Pricing Why Team Section Block? Visitors trust a business more when they can see the people behind it. Team Section Block displays your team members in a fantastic way with fully customizable layouts, so you can create unique team showcases that match your site. The plugin is 100% responsive and mobile-friendly, guaranteeing the best views across desktop, tablet, and mobile. It’s lightweight, easy to use, and doesn’t require much technical knowledge – add the block, fill in your members, and publish. Free Features Universal Shortcodes: Works with Gutenberg and all page builders. Multiple Team Layouts: Choose the layout that fits your design. Fully Responsive Design: Optimized for desktop, tablet, and mobile. Social Media Icons: Add social links for each member. Easy to Use: No technical knowledge required. Lightweight: Fast because it relies on JavaScript. Pro Version All Free features included. 11+ Ready-to-Use Templates: Start from a polished design in one click. Orbit Team: A unique new built-in block. Member Styling: Customize photo, name, title, and bio. Typography & Color Controls: Full text and color customization. Photo Effects: Size, filter, and hover effects. Social Icons: Add and style social media links. Element Visibility: Show or hide any member content. Hover Effects & Animations: Smooth interactive effects. Layout Controls: Width, alignment, and spacing options. Theme-Specific Features: Shapes, serials, stats, and more. Beginner Friendly: No coding required. How to Use – Quick Start Install and activate the Team Section plugin. Add the Team Section block from the “Widgets” block category in the Gutenberg editor. Change block settings from the right-side settings sidebar. Enjoy! Use Cases Company About Pages: Introduce staff with photos, roles, and bios. Agencies & Studios: Present your creative team with stylish layouts. Nonprofits & Communities: Highlight volunteers, boards, and organizers. Sports Teams & Clubs: Show rosters with social links for each member. Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us Check Out the Parent Plugin bBlocks – 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.
Top keywords
