Webサイト・ブログ

FTP経由でWebサイトを公開する方法

アイキャッチ画像

「Webサイトができたので、そろそろサーバーにアップロードしたい。だけど、どうやったらWebサイトを公開できるか分からない・・・」と悩んでいる方は多いですね。

そこで、今回は「FTP経由でWebサイトを公開する方法」を、わかりやすく解説していきます。

プロフィール用アイコン
みきてぃ東西線

FTP経由によるWebサイトの公開は、誰でも簡単に操作できる無料ソフトがあるので、とても便利だよ!

FTPソフトでアップロードするやり方

今回は、『FFFTP』という無料ソフトを使って、実際にWebサイトを公開してみます。

ダウンロードページ

「FFFTP」定番FTPクライアントソフト – 窓の杜 (外部サイト)

『FFFTP』 は、Macには対応していません。代わりに『FileZilla』をご利用ください。こちらも無料でダウンロードできます。

下準備:ホストを作成する

1.『FFFTP』を起動します。

FFFTPアイコン

2.ホスト一覧ウィンドウ画面にある「新規ホスト」をクリックします。

FFFTP ホスト一覧画面

3.新規ホストの作成をします。

FFFTP 新規ホストを作成する

ホストの設定に必要な事項は以下の通りです。

  • ホストの設定名:ホストの名前。
  • ホスト名:「ドメイン名」または「IPアドレス」を入力する欄。
  • ユーザー名:サーバーからメールなどで通知されたユーザー名を入力する欄。サーバーによっては「アカウント名」となっている場合がある。
  • パスワード:サーバーからメールで通知されたパスワードを入力する欄。
  • ローカルの初期フォルダ:サーバー接続時、ローカル側で最初に表示されるフォルダを指定。空欄でもOK。
プロフィール用アイコン
みきてぃ東西線

レンタルサーバーによって設定方法が異なるよ。

プロフィール用アイコン
みきてぃ東西線

「ホストの初期フォルダ」に関しては、特に何も設定しなくても構わないよ!

4.必要事項を入力したら、「OK」をクリックします。

FFFTP 新規ホストを作成する

これで、ホストの設定が完了しました。

FTP経由でWebサイトを公開する手順

プロフィール用アイコン
みきてぃ東西線

実際にFTP経由でWebサイトを公開してみるよ!

1.先ほど作成したホストを選択し、「接続」をクリックします。

FFFTP ホスト一覧画面

2.サーバーの接続が完了すると、以下のように表示されます。

FFFTP画面
プロフィール用アイコン
みきてぃ東西線

左側がホスト側、右側がサーバー側のフォルダだよ!

3.サーバーにアップロードしたいファイルを選択→「アップロード(青矢印のアイコン)」をクリックします。

FFFTP ファイルをアップロードする

4.ファイルがサーバーにアップロードされます。

FFFTP ファイルをアップロードする

複数のファイルをアップロードしたい場合は?

複数のファイルをまとめてアップロードしたい場合は、Shiftキーを押しながらアップロードしたいファイルを複数選択→「アップロード(青矢印のアイコン)」をクリックします。

FFFTP 複数ファイルをまとめてアップロードする

以下のように、まとめてアップロードすることができます。

FFFTP 複数ファイルをまとめてアップロードする

5.全てアップロードしたら、「切断」をクリックします。

FFFTP ホストとの接続を終了する

6.「閉じる」ボタンをクリックし、『FFFTP』を閉じます。

FFFTP ホストとの接続を終了する

7.ブラウザにサイトのURLを入力し、サイトが正常に表示されたら完了です。

実際にサーバーにアップロードされたWebサイト

お疲れさまでした!

スポンサーリンク

公開したファイルの上書き・削除をする方法

ファイルを上書きする方法

プロフィール用アイコン
みきてぃ東西線

ファイルの中身を追記・修正などで、Webサイトを更新したい場合は、以下の方法でファイルの上書きを行ってね!

1.上書きしたいファイルを選択→「アップロード(青矢印のアイコン)」をクリックします。

2.「上書き」を選択し、「OK」をクリックします。

FFFTP ファイルを上書きアップロードする

3.サーバー側のファイルが上書きされたら、完了です。

ファイルを削除する方法

1.サーバー側フォルダから削除したいファイルを選択→「削除(バツ印アイコン)」をクリックします。

FFFTP ファイルを削除する

2.確認画面が出るので、「はい」をクリックします。

FFFTP ファイルを削除する

3.サーバーからファイルが削除されたら、完了です。

FFFTP ファイルを削除する
プロフィール用アイコン
みきてぃ東西線

上書き・ファイルの削除が完了したら、最後に「切断」ボタンをクリックするのも忘れないでね。

まとめ

FTP経由でのWebサイトの公開は、無料のFTPソフトを使うことで誰でも簡単にアップロードすることができます。ぜひ、試してみてくださいね。

ABOUT ME
みきてぃ東西線
20代大学卒業生です。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。
おすすめ記事