広告：この記事にはアフィリエイト広告が含まれます。
HTML・CSSで作った作品を公開するとき、「無料公開でよいのか」「PHP対応サーバーが必要か」「WordPress向けを選ぶべきか」で迷いやすいものです。先にサービス名を比べるのではなく、公開するサイトが何をするかを整理すると、必要な環境を判断できます。
この記事では、静的サイト、PHPを使うサイト、WordPressサイトの違いを、初心者向けに手順と確認方法を含めて説明します。料金やキャンペーンは変わるため、固定の最安価格ではなく、必要機能と支払総額で比較します。
先に結論：必要な機能で3つに分ける
| 作りたいもの | 必要な環境 | 最初の候補 |
|---|---|---|
| HTML・CSS・JavaScriptの作品 | 静的ファイルを公開できる場所 | 無料の静的ホスティング、契約済みサーバー |
| メールフォーム、PHP教材 | 利用するPHPのバージョンと必要機能に対応 | PHP対応レンタルサーバー |
| WordPressサイト | PHP、データベース、HTTPS、バックアップ | WordPress対応レンタルサーバー |
静的サイトを見せるだけなら、有料サーバーは必須ではありません。一方、PHPやWordPressはブラウザーだけでは動かず、サーバー側の実行環境が必要です。
静的サイト：HTML・CSS・JavaScriptだけなら無料公開も候補
作品の中身がindex.html、CSS、画像、ブラウザーで動くJavaScriptだけなら、静的サイトとして公開できます。GitHub Pagesは公式資料で、リポジトリからHTML・CSS・JavaScriptを公開する静的サイトホスティングと説明されています。
ただし、GitHub PagesはPHPなどのサーバー側言語を実行しません。また、オンライン事業やEC、SaaSの無料ホスティングとして使うことを意図していないため、公開目的と利用制限を確認してください。
静的サイトの確認手順
- 作品フォルダを開き、入口となる
index.htmlがあるか確認します。 - フォームがある場合、見た目だけか、送信処理まで必要かを確認します。
- PHPファイルやWordPressを使っていないか確認します。
- 無料サービスの公開範囲、商用利用、容量、独自ドメインの条件を確認します。
- 公開後、別の端末で画像・CSS・リンクを確認します。
アップロードと表示確認は、HTML・CSSで作ったページを公開する方法を使って進められます。
PHPサイト：使いたい機能が動くかを確認する
お問い合わせメールの送信、ファイルへの保存、データベースとの接続などをPHPで行う場合は、PHP対応サーバーを選びます。「PHP対応」と書かれているだけで決めず、配布プログラムや教材が指定するバージョン、必要な拡張機能、メール送信方法を確認してください。
契約前のチェック
- 使うPHPのバージョンへ切り替えられるか
- データベースが必要か、作成できる数に不足がないか
- メール送信の制限や迷惑メール対策を確認したか
- HTTPSを設定できるか
- ファイルとデータベースをバックアップできるか
HTMLの<form>を作っただけでは、メールは送信されません。実際の設置手順はPHPメールフォームの設置方法、PHPの最初の確認はPHP超入門で確認できます。
WordPress：PHP・データベース・HTTPSをまとめて確認する
WordPress.orgは、現行の推奨環境としてPHP 8.3以上、MariaDB 10.11以上またはMySQL 8.0以上、HTTPSを案内しています。古い環境でも動作する場合はありますが、公式には安全性の観点から更新が推奨されています。（2026年10月21日確認）
契約前には「WordPress対応」という表記だけでなく、次を確認します。
- 簡単インストール：WordPress本体、データベース、HTTPSをどこまで自動設定できるか。
- 更新：PHPやWordPressを更新する方法と、問題が出たときの戻し方。
- バックアップ：Webファイルとデータベースの保存期間、取得・復元方法。
- 管理：管理画面、ファイル転送、データベース管理の手順。
- 継続費用：初回の支払総額、更新料金、契約期間、独自ドメイン特典。
エックスサーバーの公式マニュアルでは、WordPressクイックスタートにより、サーバー申込み、独自ドメイン取得、WordPress設置、HTTPS化をまとめて行う方法が案内されています。一方、クイックスタートでは無料お試しが付かないため、申込みと支払いの条件を確認してから選びます。
3分でできる判断課題
次の表をメモ帳にコピーし、自分の作品について「はい・いいえ」を書いてください。
| 質問 | はいの場合 |
|---|---|
| PHPファイルを使いますか | PHP対応環境を確認 |
| WordPressを使いますか | PHP・DB・HTTPS・バックアップを確認 |
| 問い合わせを実際に送信しますか | 送信処理とメール制限を確認 |
| 独自ドメインを長く使いますか | 取得・更新・移転費用を確認 |
| 授業作品を一時的に見せるだけですか | 無料公開で足りる可能性あり |
「PHPなし・WordPressなし」であれば、まず無料公開を試せます。「PHPあり」ならPHP対応、「WordPressあり」ならWordPressの推奨環境と管理機能を確認します。
よくある間違い
月額表示だけで決める
月額換算と、申込み時に支払う総額は同じとは限りません。契約月数、更新時の料金、自動更新日、解約条件まで確認します。短い練習のために、不要な長期契約をする必要はありません。
独自ドメインを先に追加購入する
サーバー契約に無料ドメイン特典が含まれる場合があります。公開先を決めてから、無料特典と別購入の比較で取得・更新・移管を確認してください。
バックアップがあれば必ず戻せると思う
保存対象、保存期間、復元単位、復元時の上書きを確認します。自動バックアップとは別に、制作中のHTML・CSS・画像や重要なデータを手元にも残してください。
フォームの見た目だけで送信できると思う
HTMLフォームと、PHPなどの送信処理は別です。公開後は自分のテスト用情報で送信し、受信・自動返信・エラー表示まで確認します。公開フォームへ実際の個人情報を練習入力しないようにします。
有料サーバーが必要な方へ
PHPやWordPressを使い、独自ドメインで継続運用する方は、エックスサーバーも比較候補です。申込み前に、公式画面で現在の料金、契約期間、今回の支払総額、更新条件、必要な機能を確認してください。静的作品の共有だけなら、広告に合わせて契約する必要はありません。
広告：エックスサーバー
公開後の確認方法
- トップページと下層ページを別端末で開きます。
- 画像・CSS・JavaScriptが読み込まれているか確認します。
- URLが
https://で開くか確認します。 - フォームやWordPressの機能を、公開用の確認手順に沿ってテストします。
- バックアップを取得できる場所と、更新日を記録します。
サーバー・ドメイン・DNS・HTTPSの言葉が分からない場合は、サイト制作に必要なサーバー用語へ戻って確認できます。公開方法全体を比較したい方は、Webサイト公開ガイドをご覧ください。
公式資料
- GitHub Docs：What is GitHub Pages?
- GitHub Docs：Creating a GitHub Pages site
- GitHub Docs：GitHub Pages limits
- WordPress.org：Requirements
- エックスサーバー公式：WordPressブログの始め方
- エックスサーバー公式：自動バックアップ機能
公式資料確認日：2026年10月21日。
