Ver1.5 Released !

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

SANGOを使ってみよう

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

ドロップダウン

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

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

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

WordPress4.9.6〜TinyMCE Advancedを利用している場合

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

Tiny MCE Advancedの設定へ

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

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

対処法1:ツールバー切り替えをクリック

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

ツールバーの切り替えボタン

対処法2:TinyMCE Advancedを使っている場合「フォーマット」の中を探す

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

Tiny Mce Advancedでの表示

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

対処法3:TinyMCE Advancedの設定を見直し

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

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

Tiny MCE Advancedの設定へ

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

エディターメニューを有効化するにチェック

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

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

対処法4:WP Editを使っている場合:Formatsを追加

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

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

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

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


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

13 Comments

井領明広

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

こちらですが、「TinyMCE」の設定で、使用するボタンとして「スタイル」をドラッグ&ドロップで追加できると思います。何もしないとフォーマットの中に入ってしまうので面倒ですが、スタイルを外のボタンとして設置すれば、同じように使えますよ!

返信する
サルワカくん

あー、なるほど!たしかにそれでいけますね。コメントありがとうございます。

返信する
shunP

サルワカさん教えてください!

スタイルは表示されるのですが、肝心の中身が表示されません。
(画像のスタイル、文字のスタイル、見出し、ボックスの一覧が表示されない)

原因はなんでしょうか?

返信する
サルワカくん

通常そうならないので、わからないですが、
プラグインを一度すべてオフにしてみると直るかもしれません。
直った場合には、1つずつ戻せば原因となっているものがわかります。
もしくはカスタマイズによる影響かですね。

返信する
shunP

取り敢えずTinyMCE Advancedをオフにしてみたら表示されました!
ただ、オンにするとまた表示されなくなってしまいます…。

テーブル機能が使いたいので出来ればオンしたいのですが、原因の特定は出来ますでしょうか?

手間が掛かるようでしたら諦めたいと思いますので、ご確認の程よろしくお願いします。

返信する
shunP

フォーマットの中にスタイルはあります。

ただ、マウスをもっていっても中が表示されないんです…。

返信する
サルワカくん

そうなのですね・・・。となると原因がちょっとわからないですね。、僕もTinyMce Advancedを使っているのですが、そのような問題は起きていないので
TinyMce Advancedの設定を見直してみると良いかもしれません。

返信する
shunP

わざわざ貴重なお時間を割いて頂きありがとうございました!

いろいろと試してみたいと思います。

サルワカくん

情報提供ありがとうございます。
「WP Edit」の場合、設定から元に戻すことができるようです。
この記事に対処法4として追記しました。

返信する
sato

上記全てためし、その他プラグインもオフにしたのですが、スタイルが現れてくれません。
その他対処方法などありますでしょうか。

返信する
サルワカくん

ツールバーの切り替えボタンを押しても、プラグインを全てオフにしても表示されないということでしょうか。
カスタマイズはされていませんか?(子テーマでカスタマイズしている場合、一度親テーマに切り替えてみてください)
また、どのブラウザで閲覧していますか?

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です