レンタルサーバーを徹底比較!エックスサーバーやロリポップなど主要レンサバのランキング!

レンタルサーバー徹底比較!目的別であなたに一番合ったレンサバをご紹介!

WordPressにDean’s FCKEditor For WordPressプラグインを導入しよう

Dean's FCKEditor For WordPressプラグイン

WordPress(ワードプレス)はCMS(コンテンツ・マネージメント・システム)といって、サーバー上にアップロードすると、まるでブログを操作する感覚で簡単にWebサイトが作れてしまう、注目の無料ツールです。

さらにWordpressは、「プラグイン」というパーツを追加導入することによって、さらに便利に、さらに使いやすくカスタマイズすることができるのです。

Dean's FCKEditor For WordPressプラグインの導入解説01

エディタのカスタマイズ

ここでは、Dean's FCKEditor For WordPressプラグインを導入し、記事の投稿画面であるエディタのカスタマイズをしてみましょう。

Dean's FCKEditor For WordPressプラグインの導入解説02

初期状態の投稿エディタ画面です

WordPressの初期状態ではこのようなエディタ画面になっています。
「ビジュアル」モードでは、ブログ記事のようにアイコンボタンを使って文字に効果をつけます。
「テキスト」モードでは、直接HTMLタグを入力できるので、デザイン性がアップします。

Wordpressを使うなら、やっぱりHTML編集をしたいところです。

Dean's FCKEditor For WordPressプラグインの導入解説03

「プラグイン」「新規追加」をクリックします

WordPressのダッシュボード左の、「プラグイン」から「新規追加」をクリックします。

Dean's FCKEditor For WordPressプラグインの導入解説04

プラグイン名(もしくはキーワード)を入力し「プラグインの追加」をクリックします

検索バーに Dean's FCKEditor と入力し、「プラグインを検索」をクリックします。

Dean's FCKEditor For WordPressプラグインの導入解説05

「いますぐインストール」をクリックします

該当プラグイン欄の「いますぐインストール」をクリックします。

Dean's FCKEditor For WordPressプラグインの導入解説06

「OK」をクリックします

ダイアログがひらいたら「OK」をクリックします。

Dean's FCKEditor For WordPressプラグインの導入解説07

「プラグインを有効化」をクリックします

インストールが完了したら「プラグインを有効化」をクリックします。

Dean's FCKEditor For WordPressプラグインの導入解説08

Dean's FCKEditorのエディタ画面です

Dean's FCKEditor導入後のエディタ画面です。
ぐっとシンプルになり、入力モードもHTMLタグ編集モードだけになりました。

Dean's FCKEditor For WordPressプラグインの導入解説09

試しにこんな文章を入力してみます

テストとして、上の文章を入力してみます。

Dean's FCKEditor For WordPressプラグインの導入解説10

Dean's FCKEditor導入前のプレビュー画面です

Dean's FCKEditorを導入する前は、このように記事が表示されます。
②と③を比較するとわかりますが、「Enterキー」による改行は2回までは反映されています。

Dean's FCKEditor For WordPressプラグインの導入解説11

Dean's FCKEditor導入後のプレビュー画面です

Dean's FCKEditorプラグイン導入後はこのように記事が表示されます。
先ほどと全く同じ表示をしてくれることが確認できました。

 

この記事に関連する記事一覧

comment closed