ブロックエディターのスタイルドロップダウン表示を切り替える方法

投稿・固定ページ
この記事は約1分で読めます。

Cocoonには、ブロックエディターの独自機能として、拡張インラインスタイルを手軽に使えるドロップダウンが実装してあります。

スタイルドロップダウンの表示切り替え

利用できるインラインスタイルはこちら。

Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。

ただこちらの、スタイルドロップダウンで使用していないものは、表示させていてもスペースの邪魔です。

Cocoonではそういった場合のために「インラインスタイルドロップダウン」の表示を切り替える機能が実装してあります。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

スタイルドロップダウンの表示切り替え方法

設定を行うには、まず「Cocoon設定」を開きます。

WordPress管理画面から「Cocoon設定」を選択してください。

Wordpress管理画面からCocoon設定を選択

「エディター」タブを選択して「ブロックエディター」項目から「スタイルドロップダウン」のチェックボックスの表示を切り替えます。

スタイルドロップダウン項目

非表示にすると

ツールバーの全ドロップダウンが表示されているとこんな感じです。

全てのドロップダウンツールボタンを表示

スタイルドロップダウン5非表示にすると、このようにスペースを削減できます。

インラインスタイルドロップダウンを日表示にした状態

必要なスタイルのドロップダウンのみを表示させて、利用すると良いでしょう。

タイトルとURLをコピーしました