ビジュアルエディターのスタイルドロップダウンが表示されない(TinyMCE Advanced利用時の設定方法)

FAQ
この記事は約1分で読めます。

通常Cocoonでは、以下のようにビジュアルエディターで「スタイル」ドロップダウンが表示されます。

Cocoonデフォルトのスタイルドロップダウンリスト

けれど、TinyMCE Advancedプラグインを利用すると、以下のように表示されなくなってしまいます。

TinyMCE Advancedプラグインを利用した場合

これは、Cocoonの不具合ではなく「TinyMCE Advanced」プラグインの仕様です。

これを表示させる方法を紹介します。

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

「スタイル」を表示させる方法

「スタイル」ドロップダウンリストを表示させるには、まずWordPress管理画面の「設定→TinyMCE Advanced」メニューを選択してください。

TinyMCE Advanced設定を開く

TinyMCE Advancedの「エディター設定」画面が表示されるので、「スタイル」項目をドラッグ&ドロップして、ビジュアルエディターツールバーの好きな箇所に置いてください。

TinyMCE Advancedのエディター設定画面

お勧めは「段落」ドロップダウンの右側です。

こんな感じで場所を決めて「保存」ボタンを押します。

TinyMCE Advancedでスタイルドロップダウンを設定する

もし、TinyMCE Advancedプラグインを利用していて、「スタイル」が表示されていない場合は、この設定を試してみてください。

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