cyclists

WEB

【意外と簡単?!】FTPソフト『FileZilla』のダウンロードから使い方まで

FTPソフト『FileZilla』をダウンロードしてインストールする方法から使い方まで、WordPress を始めたばかりの初心者さんにも分かるように解説します。

FileZillaをインストールする

1、FileZilla をダウンロードする

filezilla

FileZillaのダウンロードは、Windows / Macともに下のリンク先から行うことができます。

FileZilla 
 

Windows の場合には『64bit版』と『32bit版』があります。
お使いの PC がどちらなのか Microsoftの公式ページ で確認の上、ダウンロードして下さい。

私は Mac を使用している為、これより下のスクリーンショットは Macバージョン となりますが、Windows でもあまり変わらないと思いますので、ぜひ参考になさって下さい。

また、エックスサーバーでサーバー契約をしていることを前提に説明します。

なお、画像は全てクリックで拡大します。

 

2、ダウンロードしたファイルをインストールする

画像左下にあるダウンロードしたファイルをダブルクリックします。

filezilla

 

展開された『FileZilla.app』をダブルクリックすると・・・

filezilla

 

以下のように表示されるので『開く』をクリックします。

filezilla

 

すると、FileZillaが開きます。

クリックすると拡大します。
filezilla

 

サイトマネージャーの設定をする

1、サイトマネージャーを開く

赤枠で囲んだアイコンをクリックして、サイトマネージャーを開きます。

filezilla

 

2、新規サイトに名前をつける

①『新しいサイト』をクリックし、②『新規サイト』に名前をつけます。

filezilla

 

3、プロトコル等の設定をする

filezilla

下記を参考に、上( )の ① 〜 ⑥ に入力していきます。

① プロトコル FTP – ファイル転送プロトコル
② ホスト 下記参照
③ 暗号化 明示的な FTP over TLS が必要
④ ログオン タイプ 通常
⑤ ユーザー 下記参照
⑥ パスワード 下記参照

 

②、⑤、⑥ については、エックスサーバーのサーバー申し込み時に届いたメール『サーバーアカウント設定完了のお知らせ [試用期間] 』に記載されているサーバーアカウント情報をご確認ください。

② ホスト   ・・・・・   FTPホスト   : sv****.xserver.jp
⑤ ユーザー   ・・・・   FTPユーザー  : ************
⑥ パスワード   ・・・   FTPパスワード : ********

 

入力が済んだら『接続』をクリックします。

『不明な証明書』というダイアログが表示されるので、『今後もこの証明書を常に信用する』にチェックを入れて『OK』をクリックします。

これでサーバーと接続できました!!

 

FileZilla の使い方

画面はどうやって見るの?

クリックすると拡大します。
filezilla

画面の左側にはパソコン側のデータが表示され、画面の右側にはサーバー側のデータが表示されます。

 

WordPress の『テーマフォルダ』はどこにあるの?

ルートフォルダに付けるフォルダ名は、会社によって違い『www』『htdocs』『public_html』などがあるですが、エックスサーバーの場合は『public_html』で、その中に WordPress の『テーマフォルダ』が入っています。

つまり、独自ドメイン > public_html > wp-content > themes という階層になっています。

クリックすると拡大します。
filezilla

 

ファイルを編集する前に、必ずバックアップを取っておこう

ファイル編集前には、必ずバックアップを取っておきましょう!!

操作方法は、サーバー側(右)からパソコン側(左)にドラッグするだけ。たったこれだけで、コピーができてしまいます。

これとは逆に、パソコン側(左)からサーバー側(右)にドラッグすれば、ファイルのアップロードができます。

これらの操作は、コピーなので元のファイルは残っています。

 

ファイルの編集の仕方

編集したいファイル(下の画像では『style.css』)を右クリックして、表示された中から『表示 / 編集』を選択すると、自動でテキストエディタが開かれます。

クリックすると拡大します。
filezilla

ファイルを上書きすると次のように表示されるので、『はい』をクリックするとサーバー側のファイルが更新されます。

filezilla

 

テキストエディタの変更の仕方

上記の作業の際、初期設定のままですと Windows や Mac のデフォルトのエディタで開かれてしまいます。

ここではそれを、いつもお使いのエディタに変更する方法についてご紹介します。

 

画面左上の FileZilla > 設定 をクリックして・・・

filezilla

下の画像( )のように設定します。

filezilla

①『ファイルの編集』 をクリック
②『カスタムエディターを使用』にチェック
③『参照』をクリックしお使いのエディタを指定
④『常にデフォルトのエディターを使用』にチェック

左下の『OK』をクリックしたら設定完了です。

 

まとめ

私も初めて『FileZilla』を目にした時は、その外見上から見なかったことにしてしまいました・・・

今回、かつての自分にも分かるようにまとめてみましたので、貴方もぜひチャレンジしてみて下さい。

 

もし、何か分からないことがございましたら、些細なことでも結構です。お気軽にお問い合わせくださいませ。

お問い合わせページ、またはツイッターのダイレクトメッセージから受け付けております。

 

『FileZilla』での転送に失敗してお困りの方はこちらをどうぞ

 

ワードプレス製作代行サービスも承っております。

WordPressブログ製作代行いたします

 

 
スポンサードリンク
 
スポンサードリンク

関連記事

  1. カレンダー

    WEB

    WordPressのテーマ『MAG』で最終更新日を表示する方法

    このブログでも使用しているTCDさんのWordPressのテーマ『MA…

  2. 海に浮かぶ男性

    WEB

    float解除とclearfix

    要素を float させた場合、次の現象が起こります。 …

  3. ペンを持つ手

    WordPress

    TCDさんのテーマ『MAG』を愛用する理由

    潔いまでのシンプルさ。それは、私が『MAG』を愛用する一番の理由です。…

  4. ドメイン

    WEB

    エックスサーバー(エックスドメイン)でドメインを取得しよう

    エックスサーバー(XSERVER)でサーバー契約を済ませたら、次はドメ…

  5. コントローラー

    WEB

    WordPress でレイアウトが崩れる自動整形を回避する方法

    WordPress で固定ページを作成しようと思い、コードを記述して表…

  6. local by flywheel

    WEB

    『Local by Flywheel』を使って、ローカル環境を構築してみよう

    『Local by Flywheel』は、簡単に WordPress …



== WORDPRESS 完全マニュアル ==

wordpress

よく読まれている記事

  1. 緑のドア
  2. mistake
  3. 腕を交差させる草原に座った男性
  4. ドメイン
  5. 洗濯物
  6. ネットショッピング
  7. ドアに差し込まれた封筒
  8. ペンを持つ手
  9. wordpress,ワードプレス
  10. pencils

カテゴリー

当サイトで使用しているテーマはこちら!!

アフィリエイトサイトにはDiverもお勧め!!

WordPressでブログ始めてみませんか?

パソコンを覗き込む二人の女子
  1. チェーン

    WEB

    footer を最下部に固定したい場合のコード
  2. パン

    WEB

    MAGでトップページのみ、パンくずリストを非表示にする方法
  3. 空にかざした水晶

    WEB

    Retinaディスプレイでもロゴ画像がぼやけないように、クッキリと表示させる方法…
  4. ペンを持つ手

    WordPress

    TCDさんのテーマ『MAG』を愛用する理由
  5. タイプライター

    WEB

    font-weight プロパティについて
PAGE TOP