/ Plugin Category

/ Content Management

/ Blog & Article Publishing

/ OtFm Gutenberg Spoiler – (or FAQ) collapse block

OtFm Gutenberg Spoiler – (or FAQ) collapse block

By Vova Druzhaev

Content Management / Blog & Article Publishing

OtFm Gutenberg Spoiler – (or FAQ) collapse block Review - In-Depth Analysis

This plugin adds two types of spoiler blocks to the Gutenberg editor. Perfect for FAQs or hiding content.

Performance Overview

WPS Score

6.84/10

User Rating

5/5 (based on 5+ reviews)

Active Installations

600+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

1 / 10 (Very Low Risk) It is calculated using the weighted average of all versions.

What It Does

This plugin enhances the Gutenberg block editor by introducing two types of spoilers: Little Spoiler and Box Spoiler.

The Little Spoiler is designed for plain text, while the Box Spoiler allows you to create a more complex layout with opening and closing blocks, enabling you to hide any content in between.

The spoilers feature smooth animations on the frontend and customizable color options in the editor. You can even add new colors to fit your design needs.

This plugin is ideal for those looking to create FAQs or to hide parts of their publications effectively.

Other Notable Features

Here are a few other notable features of this free OtFm Gutenberg Spoiler – (or FAQ) collapse block plugin.

Gutenberg blocks

spoiler

FAQ

Screenshots

FAQ

Yes!
Navigation by “Tab” button:
The “Up arrow” key pressed – If the focused spoiler is open, you close it
The “Down arrow” key pressed – If the focused spoiler is closed, you open it
Either the “Enter” key or “Space bar” pressed – You toggle the focused spoiler. If it is open, close it; if it is closed, open it.
The “End” key pressed – You move focus to the last spoiler on the page
The “Home” key pressed – You move focus to the first spoiler on the page

Support screen readers

Add this snippet to your file functions.php:

// add new colors to spoiler function otfmgs_add_new_colors($colors){     $colors[]= array( 'color' => '#bd4747', 'name' => 'my_brown' );     $colors[]= array( 'color' => '#32dd94', 'name' => 'my_green' );     //... etc      return $colors; } add_filter('otfmgs_colors','otfmgs_add_new_colors');

where: #bd4747 – new hex color

result: https://yadi.sk/i/223x_1-S3e_H1w

(available from plugin version 1.4.0)

Add this snippet to your file functions.php:

// add my color palette to spoiler function otfmgs_add_my_color_pallete($colors){     $colors['new'][]= array( 'color' => '#bd4747', 'name' => 'my_brown' );     $colors['new'][]= array( 'color' => '#32dd94', 'name' => 'my_green' );     //... etc      return $colors; } add_filter('otfmgs_colors','otfmgs_add_my_color_pallete');

where: #bd4747 – new hex color

result: https://yadi.sk/i/Fv7BaxRLkjj_SA

(available from plugin version 1.4.0)