Wordpress Tips

2016.06.04

WPのエディタをカスタマイズして作業効率化!「WP Editor」

カテゴリー:

Wordpressのデフォルトのテーマ編集画面は非常に使いづらい。
投稿エディタも白地に黒フォントで見づらい。。
開発者の方であれば誰しも一度は感じたことがあると思います。
例えば開発が終了したサイトや社内の他の人の作ったWPの管理画面またはサイトの表示を見ていてちょっとソースを確認したい時などにいちいちFTPをつないだりするのもちょっと面倒ですね。
開発者にとっては何よりも「見づらい」というのがWP管理画面の標準搭載エディタの最大の難点かと思います。

そんな使いづらい標準搭載エディタを見やすく・使いやすく機能拡張してくれる開発者にうれしいプラグイン「WP Editor」を紹介したいと思います。

ダウンロード

投稿/固定ページ/テーマ編集画面/プラグイン編集画面のエディタを使いやすくカスタマイズ 各エディタを個別にカスタマイズすることが可能
フォントサイズやインデントなど、最低限必要な機能が揃う。 ローカル(PC)のテキストエディタに使用する機能は網羅
FTPいらず?な充実の拡張機能 ソースの検索、や置換も可能でテーマ編集のフォルダ表示も見やすくしてくれる上、なんと編集したファイルをアップロード/ダウンロード可能で、バックアップの取得も容易。

インストール

「WP Editor」で検索し、インストール。もしくはこちらからダウンロードし、FTPでアップロードしてください。

スクリーンショット 2016-06-02 18.37.03

投稿/固定ページ/テーマ編集画面/プラグイン編集画面のエディタを使いやすくカスタマイズ

WP Editorは投稿/固定ページのエディタだけではなく、テーマ編集・プラグイン編集画面もカスタマイズ可能です。
しかも、それぞれに有用な機能も備えており、各エディタごとに設定を変えることも可能!

エディタを見やすくしよう!

WPEditorにはテーマが設定されており「Monokai」「Eclipce」など、sublimetextなどでもお馴染みのテーマが用意されております!
ここではその中から抜粋して紹介します。

  • Cobalt



    スクリーンショット 2016-06-02 19.53.30
  • Eclipce



    スクリーンショット 2016-06-02 19.56.06
  • Monokai



    スクリーンショット 2016-06-02 19.57.59

WP上の編集画面は基本的に「白背景に黒文字」なのでHTMLで編集する際など、タグを見分けるだけでも一苦労かと思います。
画面が変わるだけで確認作業だけを考えても数段捗るのではないでしょうか? また、投稿エディタなどはミスも軽減できるかと思います。

テキストエディタ必須の機能もしっかりカバー

基本機能設定画面

スクリーンショット 2016-06-02 20.03.07

設定画面は英語ですが、そんなに凝った作りではないのでわかりやすくはなっているかと思います。

エディタ設定画面

ここでは例としてテーマ編集画面の機能を紹介します、とはいえ他のエディタ設定画面と共通する部分も多く、これを見ていただければ大体の機能はご理解いただけるのではないでしょうか?

スクリーンショット 2016-06-02 20.05.58スクリーンショット 2016-06-02 20.06.10

*(共通)と記載した箇所はすべてのエディタ設定に搭載されているメニューを表します

基本機能を網羅!!

テーマ編集・プラグイン編集・投稿/固定ページエディタをそれぞれ個別に設定できます。

画像に示した通り、ローカルのエディタで使用する基本的な機能は揃っています。これだけでも相当使いやすくなりますね!

また、テーマ編集やプラグイン編集画面では新規テーマやプラグイン作成・ファイルアップロード機能も備えてます!

ソースの検索やテーマ編集のフォルダ表示も見やすく(その他の機能)

ファイルアップロード/ダウンロード機能・フルスクリーン・フォルダ表示・undo/redo・検索機能・ソース置換

スクリーンショット 2016-06-02 20.10.18

ひとまずの確認や修正などはここから充分できてしまうのではないでしょうか。

ファイルのダウンロード機能もあるのでバックアップも可能です!

まとめ

いかがでしたか? この「WP Editor」だけでもかなりの環境構築が可能かと思いますが、その他にも「AddQuickTag」や「Emmet」などのプラグインと組み合わせて
自分好みに管理画面の環境をカスタマイズして、作業効率化を図ってみては如何でしょう?
開発者の方は是非お試しいただきたいプラグインです!

ダウンロード

ご相談・ご依頼に関して、まずは

ください。お気軽にどうぞ