【WordPress】ビジュアルエディタでドロップダウン「スタイル」が表示されない時の対処法

WordPressのビジュアルエディタって便利ですよね。テーマによってはスタイルというドロップダウンメニュー（プルダウンメニュー）がついており、そこからオリジナルの装飾設定を行うことができます。

また「AddQuicktag」などのプラグインを使えば、あらかじめ登録しておいたショートコードやボックス、ボタンなどを簡単に挿入できるようになります。

目次非表示

「スタイル」や「Quicktags」のドロップダウンメニューが表示されない？

設定によっては、スタイルやQuicktags（AddQuicktagのメニュー）がビジュアルエディタの上部に見当たらないときがあります。このページではその対処法を紹介します。

Gutenberg（グーテンベルク）とは、WordPress5.0より標準で適用されるようになった新エディターです。この新しいエディターでは「スタイル」などのドロップダウンは表示されなくなります。

これまでと同じエディターを使用したい場合「Classic Editor」というWordPress公式プラグインをインストールし、有効化してください。これにより以前と全く同じエディターを使用することができます。

詳しくはこちらの下記リンクをご覧ください。

※2018/05/18追記：WordPressのVer4.9.6〜でプラグイン「TinyMCE Advanced」を有効化している場合、スタイルのドロップダウンが消えてしまうことがあります。

この場合、TinyMCE Advancedの設定から有効化することができます。

上のようにエディタメニュー上にドラッグすることで、ビジュアルエディタでそのドロップダウンが使用できるようになります。

まず、ツールバーの一部が隠れている可能性があります。ビジュアルエディタ右端にある「ツールバー切り替え」のボタンをクリックすることで、全部表示⇔一部表示を切り替えることができます。

「TinyMCE Advanced」というWordPressプラグインを使っている場合、ビジュアルエディタの見た目がかなり変わってきます。

↑ 例えば、スタイルメニューは、フォーマットというドロップダウンの中に含まれるようになります。少し挿入が面倒になるんですよね…。

TinyMCE Advancedの設定により「スタイル」が完全にビジュアルエディタ上から消えてしまうこともあります。そこで、設定を見直してみましょう。

↓WordPressの管理画面から「設定⇒TinyMCE Advanced」をクリックします。

↓「エディターメニューを有効化する」のチェックが外れている場合には、チェックを入れて「変更を保存」しましょう。

↓ 次に「管理」という項目が現れるまで下にスクロールします。ここで、3つのチェックボックス全てにチェックが入っているかを確認しましょう。

チェックが入っていない場合には、チェックを入れて変更を保存します。

同じくビジュアルエディタ拡張用のプラグイン「WP Edit」を使っている場合にも、ビジュアルエディタから「スタイル」のドロップダウンが消えてしまうことがあります。

その場合「WP Edit」の設定から戻すことができます。

Buttonsタブの中から「Formats」というボタンを上のButton Rowsにドラッグして移せば元に戻ります。

ドラッグ後は「Save Buttons」を押して保存するようにしましょう。

他にもビジュアルエディタのドロップダウンメニューが消えてしまう原因が見つかったら、また追記していこうと思います。