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%
Easy Accordion FAQ and Knowledge Base Software for WordPress
LIVE DEMO SITE Knowledge Center Starter Demo Site Powerful | Easy to use | Beautiful Knowledge Center is an enterprise grade, powerful knowledge base software with best in class features and robust code base. Using Knowledge Center, organization can: Increase customer, partner, vendor or employee satisfaction by allowing easy access to information Minimize support costs by creating a self-service community Present consistent information flow to promote trust on your brand, products and content Offer single source for all content for everyone to go to Knowledge Center Starter edition allows you to create and display accordion style, short articles where you can display FAQs, simple definitions and more. You can easily categorize information and display them on your site using shortcodes. Enterprise Knowledge Base Software – Compare it to Zendesk, Helpjuice, Confluence and others Knowledge Center Enterprise helps organizations create, organize, present content and get multidimensional insight on system performance. Content authors(support agents) have their own pages and their bio can be displayed in each content they create using author boxes. Using integrated, powerful Omnisearch, users can search all content including tweets, slides and more from a single location. Fully featured and integrated content rating and social sharing system not only helps organizations measure popularity of content but also opens up channels to promote it. GET STARTED Read More The following articles explain powerful features of Knowledge Center and how it can help your organization: Learn the benefits of having Knowledge Center – Enterprise Knowledge Base Learn how Knowledge Center Omni Search work Learn how to create a self-service community using Knowledge Center Enterprise WordPress plugin Watch Introduction Video Knowledge Center Playlist RELATED PLUGINS YOU MAY LIKE WP Ticket Starter Powerful customer support and helpdesk ticketing system. Software Issue Manager Starter The best in class issue and project management solution for successful projects. Employee Directory Starter The most complete employee directory software to power up your business. Employee Spotlight Starter Everything you need to display and manage staff profiles. Campus Directory Starter The Best Campus Directory for Higher Education Institutions. Best Knowledge Base for WordPress – Knowledge Center Features Knowledge Center Comments: Foster Engagement and Collaboration Empower Customers on All Devices Centralize Your Knowledge Base for Easy Access Smart Insights for Your Knowledge Base – Premium feature (Included in Ent only) Leveraging Role-Based Permissions and Workflows – Premium feature (Included in Ent only) Empower Support Teams: Enhance Knowledge Sharing with Knowledge Center – Premium feature (Included in Ent only) Knowledge Center: Streamline Content Organization with Drag & Drop Ordering – Premium feature (included both Pro and Ent) Knowledge Center Attachments: Empower Customers with Downloadable Resources – Premium feature (Included in Ent only) Keep Track of Revisions for a Transparent Knowledge Base – Premium feature (included both Pro and Ent) Capture Unique Information for a Powerful Knowledge Base – Premium feature (Included in Ent only) Enhance User Experience: Tag and Categorize Your Knowledge Base for Success – Premium feature Leverage Related Content Suggestions in Knowledge Center – Premium feature Streamline Customer Journeys with Easy Access to Knowledge – Premium feature Share Valuable Content with Social Media Integration – Premium feature (Included in Ent only) Empower Your Customers, Elevate Your Content: Knowledge Center – Premium feature Integrate Multimedia with Knowledge Center – Premium feature (Included in Ent only) Visualize Your Knowledge Base: Leverage Shortcodes for Customized Displays – Premium feature (included both Pro and Ent) Brand Your Knowledge Base for a Unified Customer Experience – Premium feature Build User Guides from Existing Knowledge Base Content – Premium feature (Included in Ent only) Level Up Your Knowledge Base: Explore Attractive Content Layouts – Premium feature (Included in Ent only) Find Answers in a Flash: Knowledge Center’s Powerful Search – Premium feature (included both Pro and Ent) Enhance User Engagement with Rich Media – Premium feature (Included in Ent only) Q&A or Glossary for Tailored Information Access – Premium feature (included both Pro and Ent) Gain User Insights: Enhance Your Knowledge Base with Smart Search – Add-on (included both Pro and Ent) Knowledge Center Import/Export Addon: Seamless Content Migration – Add-on (included both Pro and Ent) PLUGIN LINKS * Knowledge Center Starter Demo Site * Knowledge Center Starter Documentation * Knowledge Center Professional Demo Site * Knowledge Center Professional Documentation * Knowledge Center Professional Changes * Knowledge Center Enterprise Demo Site * Knowledge Center Enterprise Documentation * Knowledge Center Enterprise Changes This plugin’s code was generated by WP App Studio Professional WordPress Design and Development Platform based on the plugin’s design. You can develop a plugin like Knowledge Center using WP App Studio plugin and sell its designs by becoming a SellDev author