Editor」がおすすめ!2012年03月01日Tweetブログやサイトの記事を作成したあとで、あとから細かな修正や編集を行いたくなることはよくあると思います。その際に、いちいち別ページの編集画面に遷移して、修正して、また確認して......というプロセスを何度も踏むのはとても面倒です。Editor(フロントエンド・エディタ)」です。このプラグインを導入すると、画面遷移なしでそのまま記事を直接編集できるようになります。Editorのインストールとくに難しい作業はなく、一般的なプラグインのインストール手順で大丈夫です。scribu」に行きます。右サイドバーの「Download」ボタンから、プラグインをダウンロードします。ダウンロードした「front-end-editor.2.2.zip」を解凍します。解凍したフォルダ内にある「front-end-editor」をWordPressの「plugin」フォルダにFTPでアップロードします。WordPressにログインし、ダッシュボードを表示します。「プラグイン」の項目から、「フロントエンド・エディタ」を有効化します。EditorにはHTMLソースを編集するモードと、HTMLタグやCSSによる修飾がなされた本文を直接編集できるWYSIWYGモードの二通りがあります。このうち、初期設定ではWYSIWYGモードが有効になっています。記事の本文中にマウスポインタを合わせると、左側に「Edit」ボタンが表示されます。「Edit」をクリックすると、編集用のWYSIWYGエディタが表示されます。「Format」タブでは、文字の太字、イタリック体、下線、リスト、番号付きリスト...など文字に関する装飾が行えます。「Inset」タブでは、画像、テーブル、リンクの挿入が行えます。エディタ右上の押しピンボタンをクリックすることで、エディタの位置を固定することができます。(固定しないと画面スクロールにあわせて勝手に移動します)「保存」をクリックすると編集内容が保存されます。WYSIWYGモードの注意点さてWYSIWYGモードは記事が直接編集できて便利なのですが、実を言うと私はほぼ使っていません。EditorはHTMLタグしか認識してくれないため、たとえば「<?php」のようなコードがあると、「<」が実体参照の「&lt;」に変更されてしまい、PHP部分が動かなくなってしまいます。太字や下線といった基本的な装飾は行えるものの、CSSで特定のclassやIDを付与するといった使い方はできません。そのため結局編集画面に移動することが多くなってしまうので、私は最初からHTML編集モードに切り替えて使っています。HTML編集モードへの切り替えWordPressのダッシュボードにログインします。「設定」の「フロントエンド・エディタ」をクリックします。editor.」のチェックを外します。「変更を保存」をクリックします。HTML編集モード時の使い方HTML編集モードでも、基本的な使い方はWYSIWYG時と変わりません。エディタは表示されないので、直接テキストエリア内を編集する形になります。記事の本文中にマウスポインタを合わせると、左側に「Edit」ボタンが表示されます。「Edit」をクリックすると、編集用のテキストエリアが表示されます。「保存」をクリックすると編集内容が保存されます。まとめ私自身は使ってはいませんが、記事内でこまかなclassやIDをつけたりしない、PHPコードなどを本文中に入れないという方には、WYSIWYGモードもとても便利だと思います。Editor」を導入してみてください。Blogは、WordPress、PHP、JavaScriptなど、Web制作に関するさまざま情報をお届けするブログです。CeefofIT業界の片隅で仕事をしています。このサイトのほか下記のサイトも運営中です。KurabeContact当サイトへのお問い合わせは、下記メールアドレスからご連絡ください。