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

スポンサーリンク

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の項目が少なくて使いにくいと言われた事があったので以後、これも提案してみようかと思います。

URL :
TRB :

Comments & Trackbacks (10)

  1. masa

    社内情報共有でWordPressを使っています。
    CKEditor For WordPress知りませんでした。
    即効プラグインに追加しました、大変便利に使っております。 :)
    ありがとうございます。

  2. シロ

    >masaさん

    こにちは :-D

    masa: CKEditor For WordPress知りませんでした。
    即効プラグインに追加しました、大変便利に使っております。

    とんでもないですー。社内共有でのWP利用なら凄くいいプラグインかもしれませんね!

  3. えり

    使えたんですね。使わせて頂きます。
    ただ、MovableTypeと違って改行をにすることてできないですね。
    贅沢はいえませんが。

    • シロ

      functions.phpでコード追加すれば可能です

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services