1. FTPクライアントソフトとは?
FTPクライアントソフト(FTPソフト)とは、サーバーに置いてあるファイルを手元のパソコンにダウンロードしたり、逆に手元のパソコンからアップロードしたりするためのソフトです。WordPressの場合
WordPressの場合、借りたサーバー上にWordPressの構成ファイルが置かれています。「構成ファイルを編集したい!」というときには、FTPソフトによりダウンロード&編集して、再度アップロードするわけですね。2. FTPソフトでできること
テーマのデザインをカスタマイズ
FTPソフトがいちばん活躍するのは、サイトのデザインをカスタマイズしたり、管理画面からは行うことはできない細かな設定を変えるときですね。WordPressのブログでは、複数のファイルが繋ぎ合わされることで、1つのページが作られることになりす。FTPソフトにより、自分好みに変えたい部分のファイルをダウンロードして、書き直して、再アップロードすることで、カスタマイズができるのです。
ファイルの編集はテキストエディタで
あくまでもFTPソフトの役割は「ファイルの転送」です。ファイルの内容の編集は「Sublime Text(無料)」などのテキストエディタで行います。テキストエディタの導入方法については、こちらの記事で解説しています。
WordPressのファイルをバックアップ
FTPソフトを使えば、ファイルを簡単に手元のパソコンにダウンロードすることができます。
ディレクトリ(フォルダー)をまるっとダウンロードすることもできます。たまには画像が入ったフォルダーや、デザインテーマの構成ファイルが入ったフォルダーをバックアップしておくと安心ですね。3. FTPソフトを使うメリット
画面が真っ白になったときにはFTPソフトでないと対処できない
FTPソフトでないと編集できないファイルがある
また、WordPress管理画面の「テーマエディター」からカスタマイズできるのは、テーマのファイルだけです。その他のファイルの編集をしたいときには、FTPソフトから行う必要があります。WordPressを使い込むならFTPソフトは必須
細かな部分までカスタマイズを行うのであれば、FTPソフトは必須です。どうせ使うことになるのであれば、なるべく早く導入するに越したことはありませんね。4. FileZillaの使い方
ありがたいことに、無料で使える優秀なFTPソフトがたくさんあります(WordPressでブログをやる分には、無料のもので十分です)。
4-1. ダウンロード
FileZillaのダウンロードは、Windows/Macともに下のリンク先から行うことができます。
4-2. FileZillaをインストール
ここから例として載せるスクリーンショットはWindowsの場合のものですが、Macでもほとんど同じかと思います。利用規約が表示されます。「I Agree」をクリックして進みましょう。
PCを共有して使っている場合に、他のユーザーもFileZillaを使えるようにするかどうかを選びます。自分だけでPCを使っている場合には「Only for me」にチェックを入れて「Next」をクリックしましょう。
FileZillaの機能をどこまで入れるかを選びます。ここでは、全てにチェックを入れるようにしましょう。特に「Language files」にチェックを入れ忘れると、日本語で使うことができません。
インストール先を選びます。とくにこだわりが無ければ、そのまま「Next」をクリックしましょう。
こちらは特に何も変えずに「Next」で進めばOKです。
「Recommended for your computer」とよく分からないソフト名が表示されるかもしれませんが、これは広告です。無料ソフトなので仕方がないですね。余計なものをインストールしたくなければ、チェックを外したうえで「Next」で進みましょう。
このような表示が出たら、インストール完了です。Finishをクリックすると、FileZillaが開きます。
こちらがFileZillaの画面です。ゴチャゴチャしていて抵抗感があるかもしれませんが、ご安心ください。すぐ慣れます。
4-3. 新しくサイトを登録する
FileZillaで「パソコン」と「サーバー」を繋げるための手続きをしましょう。4-4. 接続設定
次に、下の画像の①〜⑥の部分を埋めていきます。設定の方法は以下のようになります。
設定内容 | |
---|---|
①ホスト | 下で解説 |
②プロトコル | 「FTP-ファイル転送プロトコル」を選ぶ |
③暗号化 | 「明示的なFTP over TLSが必要」を選ぶ |
④ログオンの種類 | 「通常」を選ぶ |
⑤ユーザ | 下で解説 |
⑥パスワード |
確認方法の目次
エックスサーバーの場合
サーバーに申し込みをしたときに届くメールに必要な情報が書かれています。メールボックスを「Xserver」で検索してみてください。
件名:【Xserver】■重要■サーバーアカウント設定完了のお知らせ〜略〜FTPホスト : sv****.xserver.jp ①ホスト名
FTPユーザー : examplename ⑤ユーザ
FTPパスワード : abcdefgh ⑥パスワード〜略〜
さくらのレンタルサーバの場合
申し込みをしたときに届くメールに必要な情報が書かれています。メールボックスを「sakura」で検索してみてください。
件名:[さくらのレンタルサーバ] 仮登録完了のお知らせ〜略〜《契約サービスの接続情報》
FTPサーバ名: *****.sakura.ne.jp ①ホスト名
FTPアカウント : examplename ⑤ユーザ
FTP初期フォルダ : www
サーバパスワード: abcdefgh ⑥パスワード
〜略〜
ロリポップの場合
ホスト名やパスワードなどは、ユーザー専用ページの「アカウント情報/パスワード変更」から確認できます。
FTPサーバー:*****
FTPSサーバー:users000.lolipop.jp ①ホスト名
WebDAV:*****
FTP・WebDAVアカウント:abcdefg.jp-hogemoge ⑤ユーザ
FTP・WebDAVパスワード:abcdefgh ⑥パスワード
wpXの場合
サーバーの管理画面から「FTPアカウント設定」を有効にする必要があります。公式サイトの解説が画像付きでとても分かりやすいので、参考にすると良いかと思います。
なお、FileZillaに入力する①ホスト名は「サーバーID.wp-x.jp」となります。サーバーIDは申し込み時に自分で決めたものです。MixHostの場合
登録時に送られてくるメールから確認ができます。
件名:【mixhost】 サーバーアカウント設定完了のお知らせ〜略〜FTP接続情報
FTPホスト名: ****.mixh.jp
FTPSホスト名: ****.mixhost.jp ①ホスト名
ユーザー名 : examplename ⑤ユーザ
パスワード: abcdefgh ⑥パスワード
〜略〜
4-5. いざ接続
4-6. FileZillaの基本的な画面の見方
一見いろいろなアイコンやら文字やらが表示されていて複雑に見えますが、主に使うところは限られています。画面の左側にはパソコン側のデータが表示されます。いつも見ているパソコンのフォルダーと同じようなものが表示されているかと思います。
画面の右側には、サーバー側のデータが表示されます。この中にWordPressブログを構成するデータが入っているわけですね。
4-7. WordPressのテーマフォルダーを見つけよう
WordPressのフォルダーは、サーバーや設定にもよるのですが「 public_html」や「 www」の中に入っていることが多いのではないかと思います。4-8. ドラッグでダウンロード&アップロード
編集したいファイルがある場合には、念のためそのファイルのバックアップを取っておきましょう。方法は簡単で、サーバー側(右)⇒自分のパソコン側(左)にドラッグするだけ。これでファイルが自分のパソコンへとコピーされます(コピーなので、元のファイルは残ったままです)。4-9. 右クリック→「表示/編集」でファイルを編集
ファイルを右クリックして「表示/編集」を選ぶと、自動でテキストエディタで開かれます。
「はい」をクリックすると、サーバー側のファイルに編集内容が反映されます。続けて編集した後も、この流れで保存を行いましょう。
4-10. テキストエディタの設定をする
もしかすると「せっかくテキストエディタをインストールしたのに、WindowsやMacのデフォルトのエディタで開かれてしまう…」と困ることもあるかもしれません。そんなときは「このテキストエディタを使って!」という設定をしましょう。
左下の「OK」をクリックすると設定が反映されるようになります。