Gutenbergエディターのblockブロックにスタイルを追加

もしあなたがGutenbergエディターを使用していて、少し簡単なコードの基礎知識があれば、Gutenbergエディターがデフォルトで編集する内容はすべてブロック（block）ごとであることに気づくでしょう。そして、この記事で紹介するこのプラグインは、これらのblockにスタイルを追加するためのものです。

プラグイン紹介

Custom CSS For Gutenberg Blocksは、Gutenbergエディター強化プラグインで、Gutenbergエディターを使用して記事を書く際に現れるあらゆるブロックにスタイルを定義することができます。例えば、外観、レイアウト、サイズなどの機能を調整できます。CSSプロパティ：レイアウト

• フォントファミリー
• 色
• フォントサイズ
• フォントウェイト
• 行の高さ
• 文字間隔
• 単語間隔
• フォントスタイル
• テキストシャドウ
• テキストの配置
• テキスト変換
• テキスト装飾

CSSプロパティ：外観

• 不透明度
• 背景色
• ボーダー
• ボーダー半径
• ボックスシャドウ

CSSプロパティ：サイズ

• マージン
• パディング
• 幅
• 高さ

GIF例

プラグインの使用

この記事の末尾にあるダウンロードボタンからプラグインをダウンロードし、有効化すれば使用できます。使用時は、外観を設定したいブロックを選択するだけで、右側にスタイル設定の場所が表示されます。そこで、希望する表示効果を変更してください。

プラグインのダウンロード

以下のボタンからプラグインをダウンロードするか、管理画面でプラグインのタイトルを検索して直接インストールすることもできます。ダウンロードリンク