カスタム投稿タイプの投稿画面やビジュアルエディタのcssを調整する

ビジュアルエディタをカスタマイズする案件があったのでメモ。
カスタム投稿タイプごとに効かせるcss振り分けるのかな・・とか思ってましたが今回はcssだけでなんとかなりました。

functions.php

custom-editor-style.css

.post-type-〇〇〇でカスタム投稿だけに絞ることができました。
今回はnewsというカスタム投稿タイプを作ったので.post-type-newsとなります。

出力された画面

投稿画面はこんな感じになりました。
 

普通の投稿

 

 

カスタム投稿タイプ ニュース

 

参考サイト

関数リファレンス/add editor style – WordPress Codex 日本語版

  • コーダーのための計算機