【FTPソフト】FileZillaのインストール・設定・使い方まとめ

おかぴー

こんにちは、WEBデザイナーのおかぴーです。

 

ワードプレスで作成したブログのカスタマイズをしたいときに、利用しているテーマの子テーマを作りますが、その際にファイルのダウンロードやアップロードの作業が必要になります。

FTPソフトを使えば、とても簡単にその作業ができます。

その中でも、FileZillaというソフトが使いやすいので、初心者の方でもわかりやすいようにインストール・設定方法・実際の使い方を解説していきますね!

 

 



FTPソフトとは?

ねこのすけ

FTPソフトってなーに?なんか難しそう・・・。

おかぴー

単語がもう難しそうですよね(笑)
僕もアルファベットとカタカナなだけで難易度が上がる気がしてます。

簡単にいうとFTPソフトとは、
「パソコンのファイルとサーバー(ワードプレス内)にあるファイルを移動できるソフト」です。

空間を越える運び屋さんです。

 

ワードプレスの管理画面では、もともと存在するファイルを編集できるだけで、上記のようなファイルの追加・コピー、または削除などはできないので、FTPソフトはそんなかゆいところに手がとどく便利なソフトなんです。

 

 

なぜFTPソフトを使うのか?

今お話しした、ワードプレスの管理画面だけではできないことをするのが主な目的です。

具体的にお話ししていきますね。

 

カスタマイズするファイルをダウンロード・カスタマイズ後のアップロード

ワードプレスでは、管理画面の「外観>テーマの編集」で各ファイルのソースコードを編集することができます。

しかし、なるべくなら元のテーマ(親テーマ)のファイルをいじらずに、子テーマを作成してから編集するのが好ましいです。

よって、カスタマイズは親テーマのファイルを子テーマにインストールしてから、子テーマ側で行いましょう。

 

ワードプレスはHTML・CSS・PHP・Javascriptなどのたくさんのファイルで構成されているため、カスタマイズしたいファイルだけをダウンロード・アップロードができるも利点の一つです。

 

 

バックアップ

FTPソフトを利用すると、バックアップが簡単にできます。

ワードプレス内のファイル1つ、またはまるごとバックアップも可能。カスタマイズする前にパソコンにダウンロードしてバックアップに活用したりできます。

パソコンで、バックアップ用に個別フォルダを作っておくと管理しやすいと思います。

 

ちなみに僕の場合、

フォルダ名:「ドメイン名_BK」
ファイル名:「180916_footer.php」(180916はバックアップを作った日付)

といった感じで名前を変更して、いつのバックアップファイルかもわかるようにして保存しています。

 

 

管理画面に入れなくなったときにも役に立つ

おかぴー

管理画面が真っ白に!!?

「たすけてー、〇〇えもーん!!」

と思ってしまうくらい、ワードプレスでエラー表示が出てしまって画面が真っ白になり、管理画面自体に入れなくなるといったことを僕自身経験しました^^;

本当に何も動かせなくなってしまったので。

 

もしエラーが出る場合、何かしらのソースコードが間違っているのがほとんどの原因なのですが、ワードプレスの「外観>テーマの編集」にも進めなくなったらエラー解消のための編集すらできなくなります。

そんなとき、FTPソフトなら対象のファイルをサーバーからダウンロードして、ローカル上でエラーを修正し、アップロードし直すという対処が可能です!

 

ですので、万が一の際にも活躍するソフトなので、設定しておいて損は絶対にありません。

 

 

FileZillaのインストール

おかぴー

FTPソフトは色々ありますが、僕がいくつか実際に使ってみてやりやすいと思ったのはFileZillaというソフトです。

他にも有名なものだとCyberduckと呼ばれるアヒルのマークが特徴のソフトもあるのですが、両方使った感想として、Cyberduckはアップロード・ダウンロード時に急に接続が切れて落ちることがありまして。

その点、FileZillaの方が落ちることもほとんどなかったので、個人的にはこっちがおすすめです。

ダウンロードページはこちら。(Windows、Mac両方同じリンク先でOK)

FileZillaの特徴

・無料で利用できる
・Windows、Mac両方に対応
・転送に失敗したファイルがいくつあるか一目でわかる

 

このページでは、Macの操作をご紹介していますが、Windowsも同じような進み方だと思いますので参考にしてください。

Macの場合はこちらからインストール↑
末尾が「.bz2」というファイルです。

 

Windowsの場合はこちらからインストール↑
末尾が「.exe」というファイルです。

また、自分のパソコンが32bitか64bitか不明の場合は、こちらを参考にしてください。

Windowsのbit数の確認方法

コントロールパネルの「システムとセキュリティ」へ

 

その中の「システム」へ

 

赤枠の「システムの種類」に、32ビットか64ビットと表記されています。

ダウンロードしたファイルを開き、「開く」をクリック。

 

接続設定

こちらがトップ画面。
左上の「ファイル>サイトマネージャー」を選択すると、以下のような画面になります。

 

こちらの画面でいつも使うサーバーの接続を設定します。
今回は、エックスサーバーでの設定方法をご紹介しますね。

 

左下の「新しいサイト」をクリックすると、フォルダの下に「新規サイト」という仮の名前の項目が現れるので、自分のわかりやすい名前に変更しましょう(僕の場合、エックスサーバーにしてます)。

右側に各設定項目が出てくるので、使用しているサーバー情報を入力しましょう。

エックスサーバーの入力内容

以下の内容を入力してください。

①FTP - ファイル転送プロトコル
②sv〇〇〇〇.xserver.jp(エックスサーバーからのメールで確認)
③明示的なFTP over TLSが必要
④通常
⑤エックスサーバーからのメールで確認
⑥エックスサーバーからのメールで確認

 

②、⑤、⑥の情報は、「【Xserver】■重要■サーバーアカウント設定完了のお知らせ」という件名で最初に受信しているはずです。

その中のサーバーアカウント情報にある、「FTPホスト・FTPユーザー・FTPパスワード」のことです。

最後に「接続」を押して、右側にサーバーで使用しているドメインが出てくれば接続完了です。

 

 

FileZillaの使い方

こちらがFileZillaの構成画面。

左側の青く囲った部分にパソコン(ローカル環境)のデータが表示されます。
そして右側のピンクで囲った部分はサーバーのデータです。

この2つの間で、データを行き来させることがFTPソフトでは可能なんですが、これはワードプレスの管理画面ではできないことなんです。

 

ダウンロードの例↑

 

データの転送方法(ダウンロード・アップロード)は、まずそれぞれコピーしたい場所を左右で表示しておきます。

「右クリック」で操作するか、マウスで直接ドラッグしてもコピーできます。

ただし、黄色いファイルを選択したままか、その上にドラッグしてしまうとそのファイルの中にダウンロード・アップロードされてしまうので、なるべく黄色いファイルのない場所を選択しながら行うか、ドラッグしましょう。

おかぴー

僕も最初は慣れるまで正直とっつきにくかったです。

でも、あなたも一度子テーマにカスタマイズしたいファイルをインストールしてみたら、なんとなく操作感がわかってくると思います。

バックアップにも使えますし、ワードプレスを使う場合はずっとお世話になるソフトなので、ぜひインストールしておきましょう!

親テーマから子テーマへFileZillaを使ってファイルをインストールする方法も記事にしていますので、よければご覧ください。

具体的に解説!カスタマイズするファイルを子テーマにインストールする方法

2018.09.15

デザイン性の高いブログ ビジネスモデル作りの基礎知識

『ブログの収益化』についての記事リクエストに応えました!

内容の濃い記事になっていますが、

最後まで本気で読んでくれたら、ここまで読んでいるあなたの助けになれると思います^^

この悩みをWEB業界と関わりが深いおかぴーが1から解決します!!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください