【WordPress】テキストエディタのショートコード部分を非表示にする方法

【WordPress】テキストエディタのショートコード部分を非表示にする方法

こんにちは、ゆうや(@yuyaphotograph)です!

この記事では、

  • WordPressの記事編集画面のテキストエディタで、ショートコードのクイックタグ部分を非表示にする方法が知りたい
  • テキストエディタのショートコード陳列部分が邪魔なので消したい

という方のお悩みを解決します!

今回非表示にする部分を確認!

テキストエディタのショートコード部分というのは添付画像の箇所です!!

▼▼▼

テキストエディタのショートコード陳列部分

これね、画面のサイズがある程度大きいパソコンの人はそこまで気にならないんですが、少しウィンドウ幅が狭いPCを使ってる人からしたらめちゃくちゃ邪魔くさいらしくて。

業務でそういうことがあったので備忘録としてここに残します!

テキストエディタのショートコード部分を非表示にする方法

結論。

「wp-includes/css/editor.min.css」の末尾に、あるcssを追加するだけで実現できます!

下記コードをぺぺっと貼り付けましょう!

*WordPressバージョンアップしたら消えちゃうかもしれません。あしからず

wp-includes/css/editor.min.css
#ed_toolbar input{display: none!important;}

はい、たったこれだけで綺麗さっぱり邪魔くさいショートコード陳列部分は消えてなくなります!

まとめ

以上、WordPressの記事編集画面のテキストエディタでショートコード陳列部分を非表示にして視界を広げる方法を紹介しました。

1,000人に1人、くらいの確率でこのトピックで悩んでいる方がいるはず!笑

解決の一助になれれば嬉しいです!

 

「WordPressに関するTipsをもっと知りたい!」

という方は以下の記事も目を通してみてください〜

Contact Form 7のラジオボタンをカスタマイズする方法Contact Form 7のラジオボタンをカスタマイズする方法 WordPressのパスワード保護ページで記事の途中までパスワードなしでも読めるようにするカスタマイズ方法【WordPress】パスワード保護ページで記事の途中までパスワードなしでも読めるようにカスタマイズする方法