Flexible Spacer Block

Descrizione

Flexible Spacer Block switches the height of the spacer according to the device screen width (breakpoints).
This block has two variable breakpoints, and you can adjust the height of the spacer for smartphones, tablets, and desktops respectively.
The height of the spacers can be changed individually or in batches.
Also available to set “negative space (negative margin)” instead of the normal space.
And this block supports transform from and to core spacer block.

About negative space

Negative space” narrows the margins both blocks above and below the spacer, and it is also possible to overlap the blocks.
If unintended overlap occurs, add a CSS class named “fsb-style-show-front” to the block you want to show in the front.
To apply the CSS class to the block, click on the block on WordPress editor, and check the block settings on the right for the Advanced setting ,then enter the CSS class.

Resources

Image for screenshot

License: CC0 Public Domain
Source: https://pxhere.com/ja/photo/245

Screenshot

  • On Block Editor
  • Setting page
  • Negative space example
  • Negative space example

Installazione

  1. Upload the flexible-spacer-block folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the \’Plugins\’ menu in WordPress.

Recensioni

20 Luglio 2021
I had a problem with the standard Spacer Block, wherein it breaks the format in mobile in our website. With Flexible Spacer, I can designate the size of the space per mobile device! Awesome, thank you for developing this plugin.
28 Gennaio 2021
スペーサーだけに絞ったブロック、とてもありがたいです。 UIもわかりやすく、使いやすいと思います。 素晴らしい!!!
28 Gennaio 2021
設定画面がとてもシンプルで使いやすいです。 ブレークポイントが1つの場合と、2つの場合両方考慮されているのがありがたいです。
Leggi tutte le recensioni di 3

Contributi e sviluppo

“Flexible Spacer Block” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Flexible Spacer Block” è stato tradotto in 1 lingua. Grazie ai traduttori per i loro contributi.

Traduci “Flexible Spacer Block” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

1.1.9

  • Clean: Update npm packages and run a lint check

1.1.8

  • Clean: Update npm packages
  • Remove: Bundled language files

1.1.7

  • Tested to WordPress 5.8
  • Clean: Update npm packages

1.1.6

  • Fix: build script error
  • Fix: README.md screenshot

1.1.5

  • Tested to WordPress 5.7
  • Clean: Update deploy flow (github actions)
  • Clean: Update npm packages and organize development env

1.1.4

  • Tested to PHP 8

1.1.3

  • Fix: Problem about plugin configuration values are not deleted upon uninstallation

1.1.2

  • Fix: Problem about uninstallation error in PHP 8

1.1.1

  • Add: Description about negative space

1.1.0

  • Add: Negative space setting

1.0.0

  • Initial release