WordPress(ワードプレス)のWISYWIGをカスタマイズ

Wordpress(ワードプレス)は投稿で「WISYWIG」で入力できます。(ブログ系にはほとんどこの仕組みが入っているのではと…) 折角のWordpress(ワードプレス)なので表示となるべく見た目を合わせられたら、分かりやすいですよね〜。 手間も減って入力〜公開までのスピードアップにもなりますw
手順
  1. テキストエディタで『editor-style.css』と言うファイルを作ります。
  2. 対象のWordpress(ワードプレス)のテーマが入っているフォルダにFTPでアップ。
  3. ダッシュボード>外観>テーマの編集
  4. 右メニューにファイル名がずらっと並んでいる中に『ビジュアルエディターのスタイルシート (editor-style.css)』があればOK
  5. editor-style.cssにCSSを書き加えるとWISYWIGメニューをカスタマイズできます。
    1. 変更する内容によっては、fanctions.phpも一緒に手を加える場合がありますので、注意。

ABOUTこの記事をかいた人

1998年からWEB関連の仕事に従事。角川グループのWEB会社に入社し、ディレクター、デザイナーとして経験を積む。2004年よりフリーランスとして活動し、2008年に法人を設立。サイトの制作だけでなく運用保守や紙媒体も行う。専門学校の非常勤講師も経験。