FTPの仕組みもわかったし、FileZillaのダウンロードもできたよ！
じゃあ、実際にFileZillaを使って新しいロゴに差し替えてみよう！
HPのロゴをこんな風に変更したいんだけど…
FileZillaを使って修正・変更してみよう！
まず初めに、前回のおさらいも含めてFTP(FileZilla)を使った修正方法を整理してみよう！
- FTP(FileZilla)をダウンロードする
- FileZillaを開き、修正したいHPのサーバーに接続する
- サーバー内の修正したいファイルをダウンロードし、バックアップをとる
- ダウンロードしたファイルの名前を変更する
- 修正したファイル、もしくは新規ファイルを同じファイル名にして上書きする
FileZillaの公式サイトからダウンロードする。
接続したいサーバーの情報(ホスト、ユーザー、パスワードの3点)を入力し、接続ボタンをクリック。
バックアップをとる
HPのサーバーから修正予定、もしくは上書き予定のファイルを自分のパソコン側に
ダウンロードします。
デスクトップにそのままドラッグ&ドロップでダウンロードすることも可能です。
修正したいロゴのファイルがHPのどこに入っているのか、
事前に検証ツールで調べる必要があるね♩
万が一に備えて、ファイルを自分のパソコン側にダウンロードして
必ずバックアップをとろう！！
そのまま上書きしてしまうと、二度と元に戻せなくなるよ！
マウスの右クリックで名前を変更できます。
変更したら、同じようにドラッグ&ドロップでサーバー側に移行できます。
※名前を変更すれば、上書きされることはありません。
あれ…？
FileZilaに上書きしたはずなんだけど反映されてない…？
ファイルを上書きする時は、ファイル名を変更前のファイル名と必ず同じ名前にしてから上書きしてね！
じゃないとバックアップをとって名前を変更した時と同じように別名保存になっちゃって上書きされないよ。
あ～だからさっきファイル名を変えてバックアップしてって言ったのか！
そうそう、基本的にローカルでファイルを上書き保存、別名保存、削除などする時と変わらないよ！
なるほど！そう考えるとわかりやすいね！
やった〜ロゴを変更できた！！
まとめと注意点
- 必ず自分のパソコン側にダウンロードし、バックアップをとる。
- 上書きされないよう、ダウンロードしたファイルの名前を変更する。
前回に引き続き、HPのちょっとした修正(ロゴや画像の差し替えなど)の実際のやり方を説明しました♪
FTPにまだ慣れてない初心者の方だと、ファイル名を変更したために修正が反映されなかったり、ファイルのバックアップを取らずそのまま誤ったファイルを上書きしてしまってトラブルに繋がることもあるので、特に2つの注意点だけは肝に銘じておきましょう。
修正してもらって悪いんだけど、やっぱり元に戻してくれない？
ぎゃーーー！！
バックアップ取らずにそのまんま上書きしてしまったーーー！！
だからバックアップは大事って言ったでしょーーー！！！
ぜひweb制作の現場でもFTP(FileZilla)を積極的に活用してみてくださいね！
質問などあれば気軽に書き込んでくださいね♪