シェアする

ワードプレスプラグインTheme Editorの基本的な使い方

ワードプレス

ワードプレスのデフォルトのエディタでも使えないことはないんですが、ファイルの新規作成や削除ができないので不便ということでプラグインの「Theme Editor」をおすすめしています。

もちろん無料で、このプラグイン一つでFTPソフトがいらなくなったのでとても重宝しています。

今回はそんな「Theme Editor」の使い方を紹介します。とてもシンプルでわかりやすくなっています。

 

ファイルの編集方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右側にファイルが並んでいるので編集したいファイルをクリックします。今回は「style.css」ファイルを選択しています。

そして任意のコードを入力します。

Theme Editorのファイルの編集方法

③「Update File」をクリックして完了です。

Theme Editorのファイルの編集方法

ファイルの新規作成方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右上の「Create」をクリックします。

Theme Editorのフォルダの作成方法

③「New File Name」にフォルダファイル名を半角英数字で入力します。今回は「newfile.php」と入力しました。

そして「Create New File」をクリックしてください。

Theme Editorのファイルの作成方法

④「File Created Successfully!」(ファイルを作成しました)と表示されました。右上の×をクリックして画面を閉じて下さい。

Theme Editorのファイルの作成方法

⑤リロードすると「newfile.php」ファイルができています。

Theme Editorのファイルの作成方法

フォルダの作成方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右上の「Create」をクリックします。

Theme Editorのフォルダの作成方法

③「New Folder Name」にフォルダ名を半角英数字で入力します。今回は画像用のフォルダを作成したので「images」と入力しました。

そして「Create New Folder」をクリックしてください。

Theme Editorのフォルダの作成方法

④「Folder Created Successfully!」(フォルダを作成しました)と表示されました。右上の×をクリックして画面を閉じて下さい。

Theme Editorのフォルダの作成方法

⑤リロードすると「images」フォルダができています。

Theme Editorのフォルダの作成方法

画像のアップロード方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右上の「Upload」をクリックします。

Theme Editorの画像のアップロード方法

③入力欄には画像をアップロードしたいフォルダ名を入力して下さい。今回は「images」フォルダに画像をアップロードするので入力欄には「images」と入力してあります。画像のアップロード先がフォルダの中でない場合は何も入力しなくてOKです。

そして「ファイルを選択」をクリックしてアップロードしたい画像を選択してください。

Theme Editorの画像のアップロード方法

④「Upload File」をクリックしてください。

Theme Editorの画像のアップロード方法

⑤「File Uploaded Successfully」(ファイルのアップロード完了しました)と表示されますので右上の×をクリックして画面を閉じて下さい。

Theme Editorの画像のアップロード方法

⑥リロードし、「images」をクリックすると画像がアップロードされているのが確認できます。

Theme Editorの画像のアップロード方法

ファイルの削除方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右上の「Remove」をクリックします。今回は「newfile.php」というファイルを削除します。

Theme Editorのファイルの削除方法

③「File Path which you want to remove:」に削除したいファイル名を入力します。今回は「newfile.php」と入力します。

そして「Remove File」をクリックしてください。

Theme Editorのファイルの削除方法

④「File Deleted Successfully!」(ファイルを削除しました)と表示されますので右上の×をクリックして画面を閉じて下さい。

Theme Editorのファイルの削除方法

⑤Theme Editorの画面に戻ったらリロードしてください。「newfile.php」が削除されています。

Theme Editorのファイルやフォルダの削除方法

フォルダの削除方法

①ワードプレスの管理画面の「外観」→「Theme Editor」へ移動します。

Theme Editorのフォルダの作成方法

②画面右上の「Remove」をクリックします。今回は「newfolder」というフォルダを削除します。

Theme Editorのフォルダの削除方法

③「Folder Path which you want to remove:」に削除したいフォルダ名を入力します。今回は「newfolder」と入力します。

そして「Remove Folder」をクリックしてください。

Theme Editorのフォルダの削除方法

④「Folder Deleted Successfully!」(フォルダを削除しました)と表示されますので右上の×をクリックして画面を閉じて下さい。

Theme Editorのフォルダの削除方法

⑤Theme Editorの画面に戻ったらリロードしてください。「newfolder」が削除されています。

Theme Editorのファイルやフォルダの削除方法

Toi

お疲れ様でした!プラグインのインストール方法については以下の記事を参考にしてみてください。

いちいちコードをエディタに入力してFTPソフトにアップロードしなくても管理画面上からコードの編集・作成・削除ができるワードプレスプラグイン「Theme Editor」の紹介です。