さまざまなコード編集画面を統合＆見やすくするプラグイン「Coditor – Code Editor」

【Coditor – Code Editor】は2021年6月22日現在、WordPress公式サイトでの配布は行われていません。

WordPressをカスタマイズするとき、テーマのCSSを開いて・・・、テーマのfunctions.phpを開いて・・・などいろいろなコード編集画面を開く機会がありますよね？中にはインストールしたプラグインのコードを直接編集するなんてヘビーな使い方をする場合もあります。

そんなときに開かれるWordPress標準の編集画面はバラバラなメニューの中から選ばなければならなかったり、行数が表示されなかったり、コードが黒色一色なので見にくかったりして編集に失敗してしまったりすることもあります。

【Coditor – Code Editor】は１つの画面でテーマ・プラグインの編集画面を切り替えて表示できるように設計されたエディタなので上の問題がすべて解消されます。

【Coditor – Code Editor】プラグインの基本的な機能・できること

1. テーマの編集画面が見やすくなる
2. プラグインの編集画面が見やすくなる

同様のプラグインがいろいろありますが、１画面でテーマ・プラグインの切り替えができるのも便利ですし、他のプラグインのように編集画面を開いてから独自のテーマを適用して表示するものではありませんので動作が軽く非常に速く動作します。

本記事を参考にWordPressサイトへプラグインの導入を検討される方へ

WordPressは古くから無料で配布されているサイト作成ツール（CMS）で、随時改良が加えられており、さまざまなバージョンが存在します。

さらにWordPressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。

そしてWordPress本体同様にプラグインについてもさまざまなバージョンが存在します。

本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。

• テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
  ※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能や日本語対応の状況などが異なる場合があります。
  ※また、テスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。
• プラグインに無料版と有料版（Pro版）がある場合、特に記載がなければ無料版の情報のみを紹介しています
• このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
• プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください（ここでは質問にお答えすることはできません）

【Coditor – Code Editor】プラグインの設定画面や表示の日本語化と翻訳

【Coditor – Code Editor】プラグインは設定項目が少ないので特に必要ないと思います

【Coditor – Code Editor】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名を入力して検索してインストールするか、WordPressのプラグイン公式配布ページからダウンロード後、管理画面からアップロードインストールしてください（プラグインの公式ページは本ページ内記載のリンクをクリック、もしくは、WordPress公式サイトで検索してください）。

WordPressを使い始めて間もない方（初心者の方）は、より詳細なプラグインのインストール手順や、インストール時に起こる問題などへの対処方法をまとめた【WordPress】プラグインのインストール＆追加方法とエラー対処の方法も併せてご覧ください。

【Coditor – Code Editor】プラグインの基本的な使い方

ダッシュボードに「coditor」という項目が追加されますのでクリックして開きます

開くとこんな画面が表示されるので、テーマ／プラグインを選択し、その中にある目的のファイルをクリックすれば簡単に編集できます。