
もしあなたがGutenbergエディターを使用していて、少し簡単なコードの基礎知識があれば、Gutenbergエディターがデフォルトで編集する内容はすべてブロック(block)ごとであることに気づくでしょう。そして、この記事で紹介するこのプラグインは、これらのblockにスタイルを追加するためのものです。
プラグイン紹介
Custom CSS For Gutenberg Blocksは、Gutenbergエディター強化プラグインで、Gutenbergエディターを使用して記事を書く際に現れるあらゆるブロックにスタイルを定義することができます。例えば、外観、レイアウト、サイズなどの機能を調整できます。
CSSプロパティ:レイアウト
- フォントファミリー
- 色
- フォントサイズ
- フォントウェイト
- 行の高さ
- 文字間隔
- 単語間隔
- フォントスタイル
- テキストシャドウ
- テキストの配置
- テキスト変換
- テキスト装飾
CSSプロパティ:外観
- 不透明度
- 背景色
- ボーダー
- ボーダー半径
- ボックスシャドウ
CSSプロパティ:サイズ
- マージン
- パディング
- 幅
- 高さ
GIF例
プラグインの使用
記事末尾のダウンロードボタンからプラグインをダウンロードし、有効化して使用します。
使用時は、スタイルを設定したいブロックを選択するだけで、右側にスタイル設定箇所が表示され、希望の表示効果に変更できます。
プラグインのダウンロード
以下のボタンからプラグインをダウンロードするか、管理画面でプラグインのタイトルを検索して直接インストールすることもできます。
