WPのWYSIWYGをCKEditorに変更するプラグイン・CKEditor For WordPress

Ads

WPを使ったWeb制作の納品時の
選択肢の一つとして覚えておいて
損は無さそうなのでメモ。記事投稿
のWYSIWYGを使いやすいCKEditor
に変更するプラグイン。スタイルも
カスタマイズできます。

CKEditorに入れ替えるのでCKEditorでも出来るスタイルの変更も管理画面で行なえます。

CKEditor For WordPress

ckediter03
上記のようにWordPressの標準装備のWYSIWYGをCKediterに変えます。標準は標準でいいところがあるのであくまで選択肢の一つですかね。以下にちょっとだけ紹介します。

画像

ckediter08
画像にidやclass、heightなどなど色々加えられます。URLを指定するのでアップロードしてから使う感じですね。

テーブル

ckediter09
簡単にテーブルを作成することが出来ます。

テキスト装飾

ckediter10
テキストの装飾も色々出来ます。背景色を付けたり、n乗の表現もワンクリック。

ぜひCKediterのデモを触ってみてください。CKediterの紹介記事もご参考に。

スタイルの変更

ckediter02
Basic Settingsでスタイルを変更できます。

ckediter04
↑ office2003 Ver.

ckediter05
↑ V2 Ver.

ckediter06
↑ Select the skinをKama、User Interface colorをcustumにすればカラー設定も可能です。ピッカーなので好きなカラーにする事が可能ですよ。

コメントにもCKediter

ckediter07
Comment Editor Optionsにチェックを入れればコメントでもCKediterを使えるようになります。上記画像はかなり幅広ですが、これはコメント部分のcssがこうなってるだけですのでレイアウトを崩す事も無いと思います。

インストール

  1. CKEditor For WordPressをダウンロードして解凍
  2. wp-content/plugins/内にフォルダごとコピー
  3. フォルダごとアップロード
  4. 管理画面で有効化
  5. 各種設定

以上、CKEditor For WordPressのご紹介でした。Webに疎いクライアントさんに納品する時にWYSIWYGの項目が少なくて使いにくいと言われた事があったので以後、これも提案してみようかと思います。