folder基本を知りたい

FTPソフト「FileZilla」でサイトをネット上に公開する方法を初期設定から画像付きで紹介

FTPソフト「FileZilla」でサイトをネット上に公開する方法を初期設定から画像付きで紹介

FTPソフト「FileZilla」でサイトをネット上に公開する方法を初期設定から画像付きで紹介 - https://do.gt-gt.org/how-to-use-filezilla/

個人サイトをネット上に公開するのに必要なFTPクライアントソフト。さまざまなものが公開されていますが、個人サイト運営にオススメしたいのがFileZillaです。

  • 無料で使える
  • Windows、Macに対応している
  • 日本語に対応している
  • シンプルかつ多機能

筆者もいろいろなFTPクライアントソフトを試しましたが、機能性と不具合の少なさから現在はFileZillaに落ち着いています。特にこだわりや理由がなければ最もオススメのソフトです

この記事では、FileZillaの初期設定のやり方を、初心者向けにスクリーンショット画像つきでやさしく解説します

FTPクライアントソフトを使ってサイトをネット上に公開するには、レンタルサーバーを契約する必要があります。まだの方は、まずレンタルサーバーの契約を検討してください。

FileZillaをダウンロードする

まずは公式サイトからソフトをダウンロードします。お使いのOSに合ったものをダウンロードしてください。

FileZillaダウンロードページのスクリーンショット

ダウンロードしたファイルを起動し、案内に沿ってソフトをインストールします。

インストールが完了すると、FileZillaが起動して下のような画面が表示されます。ダイアログの「OK」をクリックするとFileZillaが使えます

サーバーに接続するための初期設定

まずは、サーバーにファイルをアップロードするための初期設定を行います。

FileZillaの左上に、白いコンピュータが3つ並んだようなアイコンがあるので、これをクリックします。

するとサイトマネージャーというウインドウが開きます。ここにサーバーのFTP接続情報を入力すると、ファイルをサーバーにアップロードできるようになります。

まずは左下にある「新しいサイト」と書かれたボタンをクリックしましょう。すると「自分のサイト」フォルダ内に「新規サイト」という項目が追加されます。「新規サイト」の名前は、青背景になった名前をクリックすることで変更できます。

追加したサイトに、FTP接続に必要な情報を登録します。必要な情報は以下の通り。

  • ホスト(FTPサーバー)
  • ユーザー(FTPアカウント)
  • パスワード

これらの情報は通常、契約したレンタルサーバーのコントロールパネルから確認できます

  • ロリポップ!なら、コントロールパネル内「アカウント情報」の下部
  • さくらのレンタルサーバなら「仮登録完了のお知らせ」メール内および、コントロールパネル「サーバー情報」の下部

これ以外のサーバーで、どこに書いてあるかわからない場合は「〇〇(お使いのレンタルサーバーの名前)+FTP情報」などのワードで、検索エンジンで検索してみましょう。

FTP情報がわかったら、FileZillaのサイトマネージャの右側の各欄に入力し「接続」をクリックします

すると「パスワードを保存しますか?」と聞かれるので、「保存する」にチェックを入れて接続します

初回接続時は、ここで「不明な証明書」というダイアログが出るかもしれませんが、「信用する」「信頼する」にチェックが入っていることを確認して「OK」で問題ありません

「OK」をクリックすると、サーバーに接続されてサーバーの中身が表示されます

FileZillaの画面の見方

FileZillaの画面は、左半分にローカル(お使いのPC)のフォルダの内容、右半分に接続しているサーバーの内容が表示されます

また、上部には接続ログが、下部にはアップロード/ダウンロードのログが表示されます。サーバーにうまく接続できなかったり、アップロード/ダウンロードがうまくいかない場合は、ここに表示されるログを見てみましょう。

サーバーにファイルをアップロードしてみよう

では、早速サーバーにファイルをアップロードしてみましょう。

サーバーの階層から、公開フォルダを選択します。
公開フォルダとは、Webサイトを公開するためにサーバー上に用意されたフォルダーのことです。ネット上に公開したいHTMLやCSS、画像といったファイルは、この公開フォルダ上にアップロードすることで、ネット上に公開されます。

公開フォルダがどこにあるかは、レンタルサーバーによって異なりますので、分からない場合はお使いのレンタルサーバーのマニュアルで確認してみてください。多くのレンタルサーバーでは「www」とか「public」のような名前のフォルダが公開フォルダです。

FileZillaの画面で、ローカル側にアップロードしたいファイルの階層を、サーバー側に公開フォルダのアップロードしたい階層を表示した状態にします。

アップロードしたいファイルを選択して、サーバー側にドラッグ&ドロップするとアップロードできます(複数ファイルの一括アップロードも可能です)。

同様に、サーバー側からローカル側へファイルをドラッグ&ドロップすると、サーバーに公開されているファイルをPCに保存することができます。

サーバーに接続したとき、すぐ公開フォルダを開きたい場合の設定

サーバーによっては、公開フォルダがいくつか階層を挟むのでいちいち開くのが面倒……というケースがあります。

そんなときは、サイトマネージャを開いて「詳細」タブからデフォルトで開く階層を指定することができます

また、それとは別にローカルの階層とサーバーの階層をセットでブックマークとして登録することもできます。

よく開く階層をブックマークに登録しておけば、とても便利にファイルをサーバーとやりとりできます。

関連記事

個人サイトを作りたい!HTMLテンプレートとWordPress、どっちで作ればいい?
folder基本を知りたい favorite 39

個人サイトを作りたい!HTMLテンプレートとWordPress、どっちで作ればいい?

PHP・MySQL・独自ドメイン…創作・同人サイトのためのサーバー機能用語解説
folder基本を知りたい favorite 43

PHP・MySQL・独自ドメイン…創作・同人サイトのためのサーバー機能用語解説

【サーバー乗り換え】サイトの引っ越しに必要な手順は?ケース別に解説
folder基本を知りたい favorite 21

【サーバー乗り換え】サイトの引っ越しに必要な手順は?ケース別に解説

個人サイトで独自ドメインを使おう!ドメイン取得のメリットとオススメ取得サービス
folder基本を知りたい favorite 50

個人サイトで独自ドメインを使おう!ドメイン取得のメリットとオススメ取得サービス

【簡単インストール】WordPressでの創作・同人サイト制作におススメのサーバー6選【コスパ良し】
folder基本を知りたい favorite 36

【簡単インストール】WordPressでの創作・同人サイト制作におススメのサーバー6選【コスパ良し】

WordPressサイトに必要なメンテナンスって?やるべきことや放置のリスクを初心者向けに解説!
folder基本を知りたい favorite 14

WordPressサイトに必要なメンテナンスって?やるべきことや放置のリスクを初心者向けに解説!