2026年9月9日

WordPressのCloudflare Pagesでデプロイする方法

テーマ・デザイン

はじめに

この記事では、Cloudflare Pagesを利用してWordPressサイトを簡単にデプロイする方法について説明します。Cloudflare Pagesは静的サイトジェネレーターと連携して高度な機能を持つクラウドベースのホスティングサービスで、Dockerコンテナもサポートしています。

症状・背景

このテーマが必要になる主な場面:

<場面1>: WordPressを動的に生成する代わりに静的HTMLサイトとしてデプロイしたい場合
<場面2>: サイトのパフォーマンス向上のために静的ファイル化を検討している場合
<場面3>: デプロイ時間を短縮し、開発とデバッグのサイクルを効率化したい場合
<場面4>: セキュリティ強化の一環として静的サイトアーバンクラッディングを使用したい場合

手順・設定方法

ステップ1: Cloudflare PagesへのWordPressプロジェクトのセットアップ

# プロジェクトディレクトリを作成します。
mkdir my-wordpress-site
cd my-wordpress-site

# git用のリポジトリを設定します。
git init

# wp-cliを使用して新しいWordPressサイトをインストールします。
wp core download --locale=ja_JP

# WordPressの設定ファイルを作成します。
wp core config --dbname=mydb --dbuser=root --dbpass=mypassword --extra-php <<PHP
define( 'WP_HOME', 'https://my-wordpress-site.com' );
define( 'WP_SITEURL', 'https://my-wordpress-site.com' );
PHP

# WordPressデータベースをインストールします。
wp db create
wp core install --url=https://my-wordpress-site.com --title="My WordPress Site" --admin_user=admin --admin_password=password --admin_email=admin@example.com

ステップ2: GitHubからCloudflare Pagesにデプロイする設定

# Cloudflare PagesのプロジェクトをGitHubリポジトリと連携させます。
cf pages create https://github.com/username/my-wordpress-site --branch=main --build-command="npm run build" --output-dir=out

# カスタムドメインを使用したい場合、以下のように設定します。
cf pages domains add my-wordpress-site.com

ステップ3: WordPressとCloudflare Pagesを連携させるための構成ファイル作成

# Cloudflare Pages用の設定ファイルを作成します。
echo '{
  "builds": [
    {
      "src": "./",
      "use": "@cloudflare/vercel-build-webiny-wp",
      "config": {
        "rootDir": ".",
        "outputDirectory": "public"
      }
    }
  ]
}' > cloudflare-pages.json

ステップ4: Cloudflare PagesからWordPressサイトをデプロイする

# デプロイを開始します。
cf pages deploy

注意事項

<実践的な注意点1>: デプロイ前に必ずテスト環境で確認を行うこと。
<実践的な注意点2>: Cloudflare Pagesのコストは利用時間とリクエスト数に基づいて計算されるため、適切に管理すること。
<セキュリティ上の注意>: WordPressの更新やプラグインの追加時には最新のセキュリティ情報を確認すること。
<パフォーマンス/運用上の注意>: 静的ファイル化により改善されたパフォーマンスを定期的にモニタリングし、最適な設定を維持すること。

まとめ

1. <キー1>: WordPressサイトの静的デプロイはCloudflare Pagesで容易に実現可能。

2. <キー2>: デプロイ時のエラーはログを確認することで解決できることが多い。

3. <キー3>: Cloudflare Pagesの機能を最大限に活用し、パフォーマンスとセキュリティを向上させる。

4. <キー4>: カスタムドメインやSSL証明書の設定も必要に応じて行うことを忘れないでください。

5. <キー5>: 保守運用においては定期的なバックアップと監視が欠かせません。

Post Views: 14