OtFm Gutenberg Spoiler – (or FAQ) collapse block


WordPress 5.0 introduces a block-based editor (codename “Gutenberg”) that offers a streamlined editing experience.
The plugin provides in the block editor 2 types of spoilers:

  • Little spoiler
  • Box spoiler

Little Spoiler – kleine spoiler voor gewone tekst.

Box spoiler – consists of 2 blocks:
Opening spoiler (Box Spoiler Start) and closing spoiler (Box Spoiler End)
Between them, you insert any block (or several block’s) with content that you want to hide.

In the frontend, the spoiler (accordion) opens with animation.
In the editor you can choose the color design of the spoiler.

Ability to add new colors or replace a set of colors. See FAQ

Want to hide part of the publication? or make up the FAQ? – plugin is perfect for this

Check out all beauty and power of the plugin by watching this video:


PHP 7.4, 8.0+ recommended for better performance, WordPress 6.1


Beschikbaar in het Engels, Russisch, Oekraïens, Spaans, Duits, Zweeds, Nederlands, Japans, Frans, Italiaans, Noors, Chinees, Portugees en meer andere talen in wording.


Bedankt aan Nilo Velez voor de goedkeuring van de Spaanse (Spanje) vertaling.
Bedankt aan Yordan Soares voor de goedkeuring van de Spaanse (Venezuela) vertaling.
Bedankt aan Tor-Bjorn Fjellner voor de goedkeuring van de Zweedse vertaling.
Bedankt aan Peter Smits voor de goedkeuring van de Nederlandse vertaling.
Bedankt aan miccweb voor de goedkeuring van de Japanse vertaling.
Bedankt aan FX Bénard voor de goedkeuring van de Franse vertaling.
Bedankt aan Luisa Ravelli en aliceorru voor de goedkeuring van de Italiaanse vertaling.
Bedankt aan Eivind voor de goedkeuring van de Noorse vertaling.
Bedankt aan Pedro Mendonça voor de goedkeuring van de Portugese vertaling.
Bedankt aan Sergey Kovalets voor de Oekraïense vertaling.
Bedankt aan Jens Ratzel voor de Duitse vertaling.
Bedankt aan Alex Lion voor de Chineese (Tawian) vertaling.
Bedankt aan Pieterjan Deneys voor de Vlaamse vertaling.


  • Vind & spoiler blokken toevoegen
  • Little spoiler
  • Box spoiler
  • In front-end
  • Open spoiler


Deze plugin voorziet 3 blokken.

  • Box Spoiler Start
  • Box Spoiler End
  • Little Spoiler


  1. Upload the otfm-gutenberg-spoiler folder to your /wp-content/plugins/ directory or alternatively upload the otfm-gutenberg-spoiler.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your computer.
  2. Activate the OtFm Gutenberg Spoiler WordPress plugin through the ‘Plugins’ menu in WordPress.
  3. Use OtFm Gutenberg Spoiler blocks on your next page or post.


Accessibility support? Navigation by tab?

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

Schermlezers ondersteuning

How can I close a lot of blocks?

  1. find “Box Spoiler Start” and paste (spoiler open)
  2. blocks, blocks, blocks…
  3. find “Box Spoiler End” and paste (this spoiler closed)

How can I add my own color?

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;

waar: #bd4747 – nieuw hex kleur

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

(beschikbaar vanaf plugin versie 1.4.0)

How to replace colors with your own set?

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;

waar: #bd4747 – nieuw hex kleur

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

(beschikbaar vanaf plugin versie 1.4.0)

Welke WordPress thema’s werken met OtFm Gutenberg Spoiler?

Elk goed ontwikkeld WordPress thema zal werken met OtFm Gutenberg Spoiler

Hoe vind ik het spoiler blok?

  1. Go to the block editor (add new post)
  2. Klik “blok invoegen”
  3. Search for a block “spoiler” or “otfm” or “faq”

Is OtFm Gutenberg Spoiler gratis?

Ja! OtFm Gutenberg Spoiler core functies zijn volledig gratis.

Waar kan ik hulp krijgen?

E-mail me op Otshelnik-Fm@yandex.ru


29 april 2021 1 reactie
⭐⭐⭐⭐⭐ Спасибо автору за плагин, альтернатив для Gutenberg не нашёл. Плагин работает хорошо, форматировать уже имеющийся текст очень удобно. Автор ответил на мой вопрос на форуме и помог с кастомизаций плагина под сайт.
8 september 2020 1 reactie
Easy to use spoiler plugin (to show or hide content-blocks as an accordion). Simple styled title row with heading, showing or hiding the complete following content-block or only a chunk of text. Looks well in desktop and mobile mode. (For better adaption of different website-designs it would be great if the color of the used borders for title-box and expanded content-box could be easily set via custom CSS code 😉
16 september 2019 3 reacties
The most important feature for me was the box spoiler feature. After testing a little bit I can say that everything works fine! 🙂 Maybe you could implement custom colors into GUI.
16 december 2018 1 reactie
The best spoiler plugin ever. Please keep up the good work and then eventually it will get more popular 🙂 Thank you!
20 september 2018 1 reactie
This is hands down the best spoiler plugin for Gutenberg. It comes with 2 options to choose from: a simple spoiler for text only, and 2-piece spoiler which can be used with any blocks. The way it works is very simple, yet very effective. You just add some Gutenberg blocks between a START SPOILER and END SPOILER blocks, and you get a very good looking dropdown. Very happy with the plugin!
Lees alle 5 beoordelingen

Bijdragers & ontwikkelaars

“OtFm Gutenberg Spoiler – (or FAQ) collapse block” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


“OtFm Gutenberg Spoiler – (or FAQ) collapse block” is vertaald in 14 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “OtFm Gutenberg Spoiler – (or FAQ) collapse block” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.