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%
Perfect Portal Widgets
Allow your customers to generate a quote, generate intake form enquiries directly from your website. Also display customer reviews directly on your website. You must be an authenticated and active customer of Perfect Portal in order for this plugin to work. Widgets included: * Perfect Portal Intake Form * Perfect Portal Quote Calculator * Perfect Portal Review Widget External / 3rd Party References Each of the widgets are dependent on loading scripts that are externally hosted on Perfect Portal’s CDN. The url of the script that will be added to the page is based on the type of widget added (intake form, quote calculator, review widget) and the region that has been selected in the settings area. Use of the service is subject to the terms and conditions set out by Perfect Portal (UK) Ltd which can be found at: For Australia: https://www.perfectportal.com.au/terms-conditions For Canada: https://www.perfectportalcanada.ca/terms-conditions For New Zealand: https://www.perfectportal.co.nz/terms-conditions For United Kingdom: https://www.perfectportal.co.uk/terms-conditions For United States of America: https://www.perfectportal.com/terms-conditions Use of the service is subject to the privacy policy set out by Perfect Portal (UK) Ltd which can be found at: For Australia: https://www.perfectportal.com.au/privacy-policy For Canada: https://www.perfectportalcanada.ca/privacy-policy For New Zealand: https://www.perfectportal.co.nz/privacy-policy For United Kingdom: https://www.perfectportal.co.uk/privacy-policy For United States of America: https://www.perfectportal.com/privacy-policy Intake Form The intake form widget requires loading external scripts from the Perfect Portal CDN where the region can be any of the following au, ca, nz, uk, us. Therefore the possible external links/services required for the intake form widget are: For Australia: https://cdn.perfectportal.co.uk/widgets/intake/production/au/index.js For Canada: https://cdn.perfectportal.co.uk/widgets/intake/production/ca/index.js For New Zealand: https://cdn.perfectportal.co.uk/widgets/intake/production/nz/index.js For United Kingdom: https://cdn.perfectportal.co.uk/widgets/intake/production/uk/index.js For United States of America: https://cdn.perfectportal.co.uk/widgets/intake/production/us/index.js Quote Calculator The quote calculator requires loading external scripts from the Perfect Portal CDN based on the region configured, the identifier of the quote calculator requested and the display type of form to render (this can either be embedded directly on the page or a floating button to be clicked). For Australia: https://webcalc.perfectportal.com.au/apps/webcalc/v2.0/ For Canada: https://webcalc.perfectportalcanada.ca/apps/webcalc/v2.0/ For New Zealand: https://webcalc.perfectportal.co.nz/apps/webcalc/v2.0/ For United Kingdom: https://webcalc.perfectportal.co.uk/apps/webcalc/v2.0/ For United States of America: https://webcalc.perfectportal.com/apps/webcalc/v2.0/ Display Types: Embedded: this appends ’embed.’ to the region base url Floating: this appends ‘float.’ to the region base url Quote Calculator Identifier: This is a GUID of the particular form to display on a specific page that the web administrator will receive from their Perfect Portal account manager: XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX Therefore the url can be any combination of the above. E.g. UK example: https://webcalc.perfectportal.co.uk/apps/webcalc/v2.0/embed.XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.js https://webcalc.perfectportal.co.uk/apps/webcalc/v2.0/float.XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.js Australia example: https://webcalc.perfectportal.com.au/apps/webcalc/v2.0/embed.XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.js https://webcalc.perfectportal.com.au/apps/webcalc/v2.0/float.XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.js Review Widget The review widget requires loading externally hosted scripts from the Perfect Portal CDN based on the region configured and the company identifier (provided to the web administrator by their Perfect Portal account manager). For Australia: https://widgets.perfectportal.com.au/apps/reviews/v0.1/ For Canada: https://widgets.perfectportalcanada.ca/apps/reviews/v0.1/ For New Zealand: https://widgets.perfectportal.co.nz/apps/reviews/v0.1/ For United Kingdom: https://widgets.perfectportal.co.uk/apps/reviews/v0.1/ For United States of America: https://widgets.perfectportal.com/apps/reviews/v0.1/ E.g. UK Example: https://widgets.perfectportal.co.uk/apps/reviews/v0.1/reviews.XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.js