余白が詰まりすぎたり、空きすぎたりしていると、視認性が悪く文章が読みづらくなります。読みづらい文章は読者がサイトから離脱してしまう原因にもなるので、適切に設定する必要があります。
ブロックエディターで余白を設定する基本的な方法は以下の記事で解説しています。
段落ブロックに関しては、アフィンガーの管理画面から一括設定ができます。
しかし、それ以外のブロックで余白を空けるには基本的にブロックごとの設定が必要です。正直なところ、ブロックごとに余白を調整するのは非常に効率が悪いです。
そこでこの記事では、余白を一括設定するためのCSSを公開します。
この記事を読むメリット
- 余白を一切考える必要がなくなる
- 記事を書くことに集中でき、効率アップする