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

おかぴーおかぴー

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

プロフィールはこちら。ブログデザインと組み合わせて効果的な収益化が目指せるこちらの記事もおすすめです^^

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

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

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

みみこみみこ
そう、そういうの待ってました!笑
おかぴーおかぴー
でしょ笑
目次

FTPソフトとは?

おかぴーおかぴー

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

でもこの記事を見て設定したらバッチリなんで、安心してね!

 

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

つまり、空間を越える運び屋さんです。

 

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

 

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

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

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

 

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

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

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

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

 

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

 

 

バックアップ

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

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

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

 

ちなみに僕の場合、

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

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

 

 

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

おかぴーおかぴー

管理画面が真っ白に!!?「たすけてー、〇〇えもーん!!」

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

本当に何も動かせなくなってしまったんですよね。

 

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

そんなとき、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ソフトでは可能なんですが、これはWordPressの管理画面ではできないことなんです。

 

ダウンロードの例↑

 

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

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

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

 

おかぴーおかぴー

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

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

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

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

 

[sitecard subtitle=合わせて読みたい url=https://okap01.com/stork-child-theme-install target=]

おまけ

ブログを作っていると、ふと

「見た目をもっとカッコよくしたい」「おしゃれでキレイな感じにしたい」っていう衝動が来ませんか?

みみこ

あるあるですね(笑)なんかしっくりこないなーとか、
でも、どう作っていいか操作も含めて分からないことがあります。

おかぴー

そんな時は、WEBデザインの勉強を少しだけでもいいので、
やってみるのもいいと思います^^

僕は見た目が納得がいくものが作れると、モチベーションが上がります。

よーし!また記事を書こうかな〜って思えるし、書いたものを見返して

「 はぁぁぁぁ〜(*´꒳`*)ウキウキ 」

ってなります(笑)

僕がこのブログを通して知り合った方は、みなさん自分のブログの見た目(デザイン性)とか、作り込み(WordPressの操作)に悩んでいる方が多かったです。

僕自身も初めはWordPressの管理画面からよく分からなくて、どこをいじったら何が変わるのか?もそうだし、

色を変えたり大きさ変えたり、基本的な内容でも何時間もかかったことがありました。

知り合った方のお悩みを聞いて改めて感じたことは、

そもそもWordPressでブログを作る=WEBデザインの知識が多少なり必要になるということです。

デザイン知識然り、コーディング知識しかり。。

でも、WEBデザインの勉強と言ってもその範囲はめちゃくちゃ広いし、ぶっちゃけ終わりはありません。

専門用語も多いし、だからと言って初心者の人が幅広く手を出して勉強するのも大変です。(ゴールを見失います)

それなら、

WEBデザイン初心者の人でも、モチベーションが爆上がりできるような必要範囲を絞ったブログ制作の教材があったらいいんじゃないか?と思ったんですが、どうでしょうか?(*^^*)

具体的には、こんな内容を盛り込む予定です↓

  • WEBデザインの知識を活かして魅力的なメインビジュアル(ブログのメイン画像・アイキャッチ画像)を楽しみながら作れるようになれる
  • カスタマイズが一定レベルでできるようになれる
  • パソコン自体の知識も身に付く
  • 程よい範囲のWEB知識がつくから、情報リテラシー(※)が高くなる
  • 登録してくれた方それぞれのお悩みに特化した、特別コンテンツを受け取れる

※情報リテラシー:世の中にあふれる多くの情報を、適切に活用できる能力

これから作っていくことになるのですが、

提供開始まで先行登録してくれた方には別途プレゼントもお送りしたいと考えています

最新の知識を受け取ることができますし、

登録してくれた方それぞれのお悩みに応じたコンテンツの提供ができることも、このLINEの一つの魅力かなと。

少しでも作れるよ〜って人にも、ためになる内容を盛り込む予定もあるので、興味がある方はLINE登録してもらえると嬉しいです^^

↓↓↓

チェックしてね
「お気軽にどうぞ〜」
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


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

目次