WordPressのカスタマイズに便利なFTPソフト「FileZilla」のインストール&Mixhostに接続する方法。
WordPressのカスタマイズはFTPソフトを使うと便利です。
FTPソフトの中でも使いやすい「FileZilla」をインストールする方法と、Mixhostを例にFileZillaをサーバーに接続する方法を紹介します。
目次
FTPソフトとは?FTPソフトを使う理由
FTPソフトとは
FTPソフトとは、簡単に言ってしまうとPCのファイルを直接サーバーにアップロードすることができるソフトです。
WordPressのカスタマイズを本番のネット環境ではなくPCのローカル環境で行い、不具合がないことを確認してから本番のサーバー環境に適用させることができます。
FTPソフトを使うシーン・使うメリット
WordPressのカスタマイズがしやすい
WordPressのカスタマイズは管理画面から行うことができます。
しかしながら、管理画面は見やすいとは言えず、専用のエディタを使った方がカスタマイズは効率的です。
また、管理画面でのカスタマイズに失敗した場合、その失敗の結果が実際のインターネット環境に表示されてしまい、ユーザビリティを損ねる可能性もあります。
FTPソフトを使えば、本番環境はそのままで自分のパソコンの中だけでカスタマイズをすることができます。
WordPressのバックアップができる
FTPソフトはファイルのアップロードだけでなくダウンロードもできます。
サーバーのWordPressが入っているファイルをごそっとダウンロードしてしまえば、それだけでWordPressの丸ごとバックアップが可能です。
管理画面に入れなくなったときも対処できる
サイトの画面が真っ白になってしまい、WordPressの管理画面に入れなくなるケースがあります。
これは多くの場合、functions.phpのコードの書き間違いが原因です。
該当のコードをエディタで削除し、FTPソフトを使ってアップロードすれば、管理画面に再び入れるようになることが多いです。
FTPソフトはこのようなメリットがあり、WordPressのカスタマイズを本格的にしていくには必須となります。
FileZillaのインストール方法
まずは、FileZillaのダウンロードページから、お使いのOSに合わせてインストーラのリンクをクリックします。
今回はMacにダウンロードしていきます。
Windowsの場合も、基本的に「OK」で進んでいけばインストールできるかと思います。
ダウンロードが終わったら、インストーラをクリックします。
ダウンロードフォルダなどに「FileZilla 2」というアプリケーションがあるかと思いますので、こちらをクリックします。
このようなポップアップが出ますので、「開く」をクリックします。
「OK」を押します。
「OK」を押して閉じます。
これでFileZillaのインストールは完了です。
FileZillaをMixhostに接続する方法
それではサーバーに接続していきます。
僕はMixhostを使っていますので、今回はこちらを例に解説します。
上部のメニューの「ファイル」→「サイトマネージャー」をクリックします。(または、Macの場合は⌘+S)
以下のような画面が出ますので、「新しいサイト」をクリックします。
「自分のサイト」のところで名前をつけるように求められますので、わかりやすい名前を付けておきます。
僕はブログ名にしました。
右の「一般」タブで接続のための情報を入力していきます。
選択箇所は、以下のように選びます。
- プロトコル→「FTP-ファイル転送プロトコル」
- 暗号化→「明示的なFTP over TLSが必要」
- ログオン タイプ→「通常」
他の入力箇所については、Mixhostの登録時に送られてくる「【mixhost】 サーバーアカウント設定完了のお知らせ」というメールの「FTP接続情報」というところに記載があります。
こちらの情報は今後も使う可能性がありますので、メールをPDFで保存しておくと良いでしょう。
※Mixhostでは2021年10月にマイグレーションが行われました。
そのため、FTP接続情報が変わっています。
メールが送られてきている場合は、初回登録時の情報ではなくこちらの情報を入力します。
メールのそれぞれの情報を、「一般」タブの以下の箇所に入力します。
- FTPSホスト名→ホスト
- ユーザー名→ユーザー
- パスワード→パスワード
入力が済んだら、右下の「接続」を押します。
「パスワードを保存しますか?」というポップアップが出ますが、基本的には「保存する」で良いかと。
「不明な証明書」というポップアップが出る場合は、「今後は常にこの証明書を信用する」にチェックを入れ、「OK」をクリックします。
このように、右側にサーバー側のファイルが表示されていれば成功です。
(左側はPCのローカルのファイルが表示されています)
なお、WordPressの場合、基本的には「wp-content」というフォルダの中の「themes」フォルダにテーマファイルがあります。
PCのローカル環境で編集したファイルが左側に表示されていますので、こちらを右のサーバー側にドラッグ&ドロップするだけでファイルをサーバーにアップロードすることができます。
たとえば、PCの中に「テーマ」という名前のフォルダを作り、その中にstyle.cssを入れておきます。
このPC内のstyle.cssをVisual Studio Codeなどのエディタで編集し、FileZillaで右のサーバー側へドラッグ&ドロップすれば、安全かつ簡単にWordPressのカスタマイズを行えるというわけです。
ぜひインストールして使ってみていただければと思います。
サービスメニュー
Postscript執筆後記
PLUSの個人情報保護スタンプ「ケシポン100均のとは比べ物にならないくらい綺麗に消せます。
もっと早く使えば良かったです。
Something New一日一新
OCNモバイル ミュージックカウントフリー新しいキッチンカーのランチ
PLUS ケシポン
ローソン ダブルエスプレッソラテ