WordPress(
RSS)を好んで使用しますのでソフトウェアとは別にトピックを独立させています

WPのWYSIWYGをCKEditorに変更するプラグイン・CKEditor For WordPress
カテゴリ » WordPress, プラグイン
書いた日 » 火曜日, 3月 16th, 2010
WPを使ったWeb制作の納品時の
選択肢の一つとして覚えておいて
損は無さそうなのでメモ。記事投稿
のWYSIWYGを使いやすいCKEditor
に変更するプラグイン。スタイルも
カスタマイズできます。
CKEditorに入れ替えるのでCKEditorでも出来るスタイルの変更も管理画面で行なえます。
CKEditor For WordPress

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

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

簡単にテーブルを作成することが出来ます。
テキスト装飾

テキストの装飾も色々出来ます。背景色を付けたり、n乗の表現もワンクリック。
ぜひCKediterのデモを触ってみてください。CKediterの紹介記事もご参考に。
スタイルの変更

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

↑ office2003 Ver.

↑ V2 Ver.

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

Comment Editor Optionsにチェックを入れればコメントでもCKediterを使えるようになります。上記画像はかなり幅広ですが、これはコメント部分のcssがこうなってるだけですのでレイアウトを崩す事も無いと思います。
インストール
- CKEditor For WordPressをダウンロードして解凍
- wp-content/plugins/内にフォルダごとコピー
- フォルダごとアップロード
- 管理画面で有効化
- 各種設定
以上、CKEditor For WordPressのご紹介でした。Webに疎いクライアントさんに納品する時にWYSIWYGの項目が少なくて使いにくいと言われた事があったので以後、これも提案してみようかと思います。
【WPのWYSIWYGをCKEditorに変更するプラグイン・CKEditor For WordPress】へのコメント 7
トラックバック
TRB:お気軽にコメントして下さい
*は必須です
サイト内検索
- コンプレックス配色をうまく使った、素敵なWebデザイン例
- 広報用アカウントなどを複数人で管理できる企業向け国産Twitterクライアント・ツイートデスク
- 最近知ったフリーのHTML5テンプレート6個
- デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ
- シンプルなショートコードのみで動画ギャラリーを作成出来るWPプラグイン・TubePressが凄い!
- グリッドレイアウトが美しい上に、UIも素敵なフリーのWrodPressテーマ・The Columnist
- スクリーンショットを撮るChromeエクステンションはAwesome Screenshotが一番良かった
- AmazonやFlickrのように、画像に範囲を指定してメモやURLを加える事が可能なjQuery-Notes
- 横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にする
- jQuery+CSSで実装するナビゲーションメニュー総集編
Follow me
Bookmark
RSS講読




RSSフィード
ブックマーク
Twitter
Web Tips on Twitter
まとめ記事 on Twitter




社内情報共有でWordPressを使っています。
CKEditor For WordPress知りませんでした。
即効プラグインに追加しました、大変便利に使っております。
ありがとうございます。 masa
10-03-17 » 11:57 AM »
>masaさん
こにちは
とんでもないですー。社内共有でのWP利用なら凄くいいプラグインかもしれませんね! シロ
10-03-19 » 11:03 AM »
使えたんですね。使わせて頂きます。
ただ、MovableTypeと違って改行をにすることてできないですね。
贅沢はいえませんが。 えり
10-05-08 » 9:35 PM »