WordPressの仕組みについて

レンタルサーバーとは？

受講日：2025年5月26日

• サーバー＝情報を保管・配信するコンピューター。
• サイトを作成するにはサーバーが必要となる。
• Webサイトやメールなどをインターネット上で運用できる「場所」を借りるサービス。
• 専門知識がなくても手軽に始められるのが特徴。

レンタルサーバーを利用するメリット

レンタルサーバーの種類

• 共有サーバー：1台のサーバーを複数人で使う。コストが安く、初心者向け。
• 専用サーバー：1台をまるごと1人で使う。高性能・高コスト。
• VPS（仮想専用サーバー）、クラウドサーバーなど、用途や規模に応じた種類ある。

PHPとは？

• PHP=Hypertext Preprocessorの略。（preprocess＝過程）
• Preprocessor=ある処理を行うプログラムに対して、前処理を行うプログラム。
• 主にWeb開発に使われるサーバーサイドのスクリプト言語。
• Webサイトやアプリの「動的な部分」を効率的に作るためのプログラミング言語。

• 世界中のWebサイトの約8割でPHPが利用されているというデータもある。
• 文法がシンプルで習得しやすく、初心者からプロまで幅広く使われる。

PHPが得意な事・すごいところ

データベースと連携？MySQLってなに？？

• MySQLの「SQL」は「データ操作言語」
• データベースサーバーの中に入っているデータを取り出したり、データを書き込んだり、と言った処理は、SQLによって制御されている。
• WordPressのデータベースには、投稿に関するデータが入っている。
  例）投稿日時、カテゴリ、記事タイトル、本文など
• WordPressではデータベースに格納された情報を引き出し、表示させている。
• データベースに使われているのがMySQLで、MySQLに格納されたデータを、PHPを使って引き出す。

PHPとJavascriptの違いは何？

• 違いは、役割とコードが実行される場所。

違い	PHP	JavaScript
実行される場所	サーバーサイド (Webサーバー)	クライアントサイド (ブラウザ)
主な用途	裏側(バックエンド)処理 ユーザーの目に見えない処理 データベースとの連携 フォームデータの処理 動的なWebページの生成	表側(フロントエンド)処理 ユーザーの目に見える処理 ボタンを押したときの動作 アニメーション リアルタイムでの表示変更
コードの閲覧 (クライアントサイト上)	できない	できる

WordPressのテンプレート

• WordPressのテーマとは、Webサイト全体のテンプレートの事。
• テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっている。
• ファイルの種類には、PHP・CSS・GIF・PNG・JPGがある。

ファイル種別	役割・特徴
PHPファイル	ウェブサイト全体の構造や機能。 他ファイル（CSSや画像など）に機能面で指示を出し、動的なページ生成やデータ処理も行う。
CSSファイル	サイトのデザインや見た目を制御。 フォントサイズ、ボタンの位置、コラムのフォーマットなど表示方法を調整する。
GIF・PNG・JPGファイル	画像ファイル。 ウェブサイト内で使うためにフォルダに保存され、ページ内の画像表示に利用される。

WordPressをいつ仕事で利用する？

1. 日々の運用更新（投稿ページ・固定ページの編集）
   これまで学んだ日々の投稿ページに記事やテキスト動画の挿入が出来るお仕事
2. デザインの変更（HTML・CSS）の編集レベル
   PHPの編集は必要になるがＨＴＭＬ・ＣＳＳの編集が出来れば対応可能なレベルのお仕事
3. オリジナルテーマ作成を含むシステム開発要素を含む制作
   PHPを利用して管理画面を含むシステム開発要素も含む箇所の編集が必要なお仕事

WordPressでPHPを活用する

• WordPressでPHPを活用すると、標準機能では実現できない細かなカスタマイズや独自機能の追加、動的なWebサイト運営が可能になる。
• HTMLに直接PHPコードを埋め込むことができるので、これを利用する。

活用シーン	内容・具体例
テーマのカスタマイズ	サイトのデザインやレイアウト、動作を細かく調整したい時。 例：ヘッダーやフッターに独自要素を追加。
プラグインの開発・カスタマイズ	サイトに新しい機能や操作を追加したい時。 例：人気記事の自動表示、独自の予約システム追加。
動的なページ生成	記事投稿や更新時に自動でページを生成・表示したい時。 例：新規記事が自動的にトップに表示される。
データベースとの連携	サイト内のデータを取得・表示・更新したい時。 例：記事一覧や関連記事の自動抽出。
独自関数やフックの利用	より高度なカスタマイズや機能追加をしたい時。 例：functions.phpの編集で独自処理を追加。

サーバー選びは最初に行う！

• お仕事で1番最初に確認する事は、「どのサーバーを利用しているか？」「どのサーバーを利用するか？」

FTPソフトの使い方

受講日：2025年5月27日

• やった事　：FFFTPを使って、ポートフォリオサイトのサーバーにFTP接続する。
• 使用ソフト：FFFTP
• LPサイトをアップする時は、「lp」ファイルを新規作成する。

FTPサーバーの取り扱いのポイント

• FTPサーバーとは：ローカルとサーバーの中継地点。
• フォルダ名は基本的に小文字で作成する。
• 接続したままにしておくと、PC動作が重くなりやすいので、こまめに接続解除するとよい。

フォルダ・ファイル名	役割
portfolioフォルダ	フォルダの中に、画像やテキストデータ等が格納されている。
user.ini.htaccess	WordPressを動かしているPHPプログラムの設定ファイル。削除厳禁!!
default_page.png	ファイルアップロード前に表示されるページの背景。
index.html	ファイルアップロード前に表示されるページ。

キャッシュクリアのリロード

• キャッシュ＝直近アクセスしたサイトの、一時的に保存された履歴データ。
• スーパーリロード(強制リフレッシュ)＝ctrl+shift+R
  ブラウザのキャッシュを使わずに、webサーバーからファイルをダウンロードしながら、再読み込む。(=キャッシュをクリアせずに、ページの情報を最新の状態に保つ)
• ブラウザのキャッシュをクリアしても、データが更新されない時は、サーバー側にキャッシュが残っている可能性があるので、そういう時はエンジニアに確認する。

FTPサーバー WordPressデータの見方

受講日：2025年6月28日

• wp-admin :管理画面の機能が入っている。
• wp-content :プラグインやテーマのデータが入っている。
  • themes・plugins：怪しいテーマやプラグインを入れてログイン出来なくなった時
    →FFFTPサーバーから、wp-contentの中の該当テーマのフォルダ名を無効にすると、
    テーマ設定が解除されてログインできるようになる。(プラグインも同様)
  • uploads：メディアライブラリの画像・動画データが格納されている。

ポートフォリオのバックアップ

• All-in-One WP Migration:バックアップ用のプラグイン。