FTP、LPコーディング：WEBページ制作実習①

2025/5/27の記録です。

講師：小谷先生

FTP（File Transfer Protocol）の基礎

FTPは、サーバーとコンピューター間でファイルを転送するためのプロトコルです。

ウェブサイトの構築や管理では、WordPressのファイルをサーバーにアップロード・編集する際に使用されます。

FTPクライアントの導入
代表的なツール: FileZilla, WinSCP, Cyberduck など
- サーバーのホスト名・ユーザー名・パスワードを入力して接続。
- ローカルPCとサーバー間でファイルをドラッグ＆ドロップして転送。
ディレクトリ構成の理解
WordPressの主要ディレクトリ:
- /wp-content/ → テーマ・プラグイン・アップロードファイルが格納。
- /wp-admin/ → 管理画面のデータ。
- /wp-includes/ → コアファイル・動作に必要なデータ。
アップロードとダウンロードの基本
- テーマやプラグインの手動インストール: wp-content/themes や wp-content/plugins にファイルをアップロード。
- バックアップの取得: 重要なファイルやデータベースを定期的にダウンロードして保存。
パーミッション（権限設定）
- ファイルやフォルダの適切な権限を設定（例: 755 や 644）。
- セキュリティを確保しつつ、適切なアクセス権を付与。
トラブルシューティング
- 接続できない: FTPサーバー情報を再確認し、ファイアウォール設定もチェック。
- 403/500エラー: .htaccess や wp-config.php を確認し、不正な記述がないかチェック。

サブディレクトリ は、親ディレクトリ（フォルダ）の中にあるディレクトリのこと。WordPressでは、サイト構成やデータ管理に役立ちます。

フォルダなどに名づけする時は、小文字で統一したほうがいい

スーパーリロードを使うと、キャッシュの影響を受けずに最新のページを確認できます。

- Google Chrome: ⌘ + Shift + R または Shift + 更新ボタン
- Safari: Shift + 更新ボタン
- Firefox: ⌘ + Shift + R
- Edge: ⌘ + Shift + R

管理画面
→ツール
　→サイトヘルス
　　→Wordpress
　　　→合計インストールサイズ

１．新フォルダ作る
※日付でバックアップ作る
ex）「0537_project」

２．Terapad開く

３．「index.html」を作る
Terapadを「index.html」で、さっき作ったフォルダに保存する。

４．DOCTYPE宣言
あるもの使えばOK。

５．要らないところを消す。
（日本語部分など）

６．TerapadをUTF-8Nで保存する
ファイル→文字/改行コード指定保存→UTF-8N　上書き保存

７．cssフォルダを作る。

８．cssのTerapadを作る
@charset "UTF-8”を入れる
→cssフォルダに保存する。

９．外部cssを紐づける
<head>タグの中。

場所＝css/style.css
種類＝stylesheet