2026年9月17日
2026年9月17日
WordPress サイトを Netlify で公開する方法|Simply Static で静的化してデプロイする手順
Netlify は、HTML・CSS・JavaScript などの静的なファイルを配信するホスティングサービスです。WordPress は PHP とデータベース(MySQL・MariaDB)で動くため、WordPress そのものを Netlify に置いて動かすことはできません。
WordPress で作ったサイトを Netlify で公開するには、次のどちらかの形にします。
| 方法 | 仕組み | 向いているサイト |
|---|---|---|
| 静的化(この記事) | WordPress はローカルや非公開のサーバーで動かし、ページを静的な HTML に書き出して Netlify に置く | 会社案内、ポートフォリオ、更新の少ないブログ |
| ヘッドレス | WordPress を API(REST API など)として使い、表示は Next.js などで作って Netlify に置く | 開発者がいて、表示部分を自由に作りたいサイト |
ヘッドレスの考え方は ヘッドレス CMS の比較 で扱っています。この記事では、プラグインで静的化して Netlify に置く手順を説明します(2026年11月時点の公式ドキュメントに基づきます)。
静的化すると動かなくなるもの
静的化したサイトには PHP が無いため、ページを表示するたびに WordPress が処理する機能は動きません。先に、自分のサイトで使っていないかを確かめます。
- お問い合わせフォーム(Contact Form 7 など)の送信
- コメントの投稿
- サイト内検索
- 会員ログイン、EC(WooCommerce など)のカートや決済
- 予約投稿の自動公開(書き出し直すまで反映されない)
Simply Static の公式説明でも、無料版ではフォーム・検索・コメントは静的サイトで動かないとしています(Simply Static)。フォームの代わり方は後半で説明します。
手順1: 元の WordPress を用意する
静的化の元になる WordPress を、公開しない場所で動かします。いちばん手軽なのは、自分のパソコンのローカル環境です。作り方は WordPress のローカル開発環境を構築する方法 を参照してください。
サーバー上で動かす場合は、元の WordPress が検索エンジンに載ったり攻撃されたりしないよう、アクセスを制限し、更新も続けます。Basic 認証で制限する場合は、静的化プラグインがサイトを取得できるか、プラグインの設定と説明を確かめてください。
手順2: Simply Static で静的な HTML に書き出す
Simply Static は、WordPress のページを巡回して静的な HTML に書き出すプラグインです。無料版は ZIP ファイルかサーバー上のディレクトリに書き出せ、Netlify などへ直接送る機能は有料の Pro 版にあります(2026年11月時点)。
以前よく紹介されていた WP2Static は、2026年11月時点で wordpress.org のプラグインディレクトリにありません。wp plugin install wp2static では入らないので注意してください。
- 「プラグイン」→「プラグインを追加」で「Simply Static」を検索し、インストールして有効化します。
- 「Simply Static」→「General」を開き、「Replacing URLs」を Absolute URLs にします。「Scheme」は
https://、「Host」には公開先のドメインを入れます。Netlify の初期ドメインで公開するならサイト名.netlify.app、独自ドメインを使うならそのドメインです。 - 「Simply Static」→「Deploy」を開き、「Deployment Method」で ZIP Archive を選んで「Save Settings」を押します。
- 左の欄の「Push」を押して書き出しを始めます。
- 終わったら「Simply Static」→「Activity Log」に表示されるリンクから ZIP をダウンロードします。
Simply Static の公式ドキュメントでは、独自のドメインで公開するサイトには Absolute URLs を勧めています。Relative Path はサブディレクトリに置く場合向け、Offline Usage は自分のパソコンで開く場合向けで、公開には使いません(How to replace URLs、Create a ZIP file)。プラグインが日本語化されている場合は、項目名が訳されていることがあります。
手順3: Netlify にデプロイする
方法A: Netlify Drop(ブラウザーにドラッグする)
コマンドを使わずに公開するなら、Netlify Drop が手軽です(Netlify: Create deploys)。
- 手順2の ZIP を展開し、
index.htmlが入ったフォルダーを用意します。Netlify Drop には ZIP のままではなく、フォルダーを渡します。 - Netlify にログインしてから
https://app.netlify.com/dropを開き、フォルダーをドラッグします。 - 表示された
https://〜.netlify.appの URL で、ページやリンク、画像を確かめます。
記事を更新したら、手順2で書き出し直し、サイトの「Deploys」ページ下部のドロップ欄に新しいフォルダーをドラッグします。
方法B: Netlify CLI でデプロイする
書き出しと公開を繰り返すなら、Netlify CLI が便利です(Netlify CLI: Get started)。2026年11月時点の netlify-cli(27 系)は Node.js 22.13.0 以上が必要です。
# Netlify CLI を入れる
npm install -g netlify-cli
# ブラウザーで Netlify にログインする
netlify login
# 展開したフォルダー(ここでは ./public)を下書きとして公開する
# 初回は、既存のサイトを選ぶか新しく作るかを聞かれる
netlify deploy --dir=./public
# 表示された下書きの URL で確かめてから、本番に公開する
netlify deploy --dir=./public --prod
netlify deploy を --prod なしで実行すると、本番とは別の確認用 URL に公開されます。問題が無いことを確かめてから --prod を付けて実行します。
書き出したファイルを GitHub のリポジトリで管理する場合は、netlify init でリポジトリと Netlify のサイトをつなぐと、プッシュのたびに自動で公開されます。Git 連携や netlify.toml の書き方は Netlify で静的サイトをホスティングする方法 で説明しています。
手順4: 独自ドメインと HTTPS
Netlify の管理画面でサイトに独自ドメインを追加し、案内に従って DNS を設定します。HTTPS の証明書は Netlify が Let's Encrypt で自動的に発行・更新します(Netlify: HTTPS (SSL))。
独自ドメインに切り替えたら、Simply Static の「Host」もそのドメインに変えて書き出し直し、もう一度デプロイします。「Host」が古いままだと、canonical や OGP 画像の URL が netlify.app のまま残ります。
フォームを使いたいとき
静的化したサイトでは、WordPress のフォームプラグインは送信を受け付けられません。主な選択肢は次の 3 つです。
- Netlify Forms を使う。
<form>タグにdata-netlify="true"(またはnetlify)とname属性を付け、Netlify の管理画面の「Forms」でフォームの検出を有効にすると、Netlify が送信を受け付けます。Netlify はデプロイ時に HTML を読んでフォームを見つけます(Netlify Forms setup)。 - Simply Static の Pro 版のフォーム機能を使う。
- 外部のフォームサービスを埋め込む。
更新の流れ
静的化したサイトの更新は、次の繰り返しになります。
- 元の WordPress で記事を書く・直す
- Simply Static で書き出す(手順2の 4〜5)
- Netlify Drop にドラッグするか、
netlify deploy --dir=./public --prodを実行する
WordPress の画面で「公開」を押しても、Netlify のサイトには書き出してデプロイするまで反映されません。
よくある質問
Netlify で WordPress の管理画面は使えますか
使えません。管理画面は元の WordPress(ローカルや非公開のサーバー)で使い、Netlify には書き出した HTML だけを置きます。
書き出した後、画像やリンクが元の WordPress の URL を指しています
「Replacing URLs」が Absolute URLs になっているか、「Host」が公開先のドメインになっているかを確かめて、書き出し直します。
元の WordPress のセキュリティ対策は不要になりますか
Netlify に置いた静的なファイルには PHP が無いため、WordPress 本体やプラグインの脆弱性を突く攻撃の対象にはなりにくくなります。ただし元の WordPress をサーバーで動かしている場合は、そちらは通常の WordPress と同じく更新とアクセス制限が必要です。
まとめ
- Netlify では WordPress 本体は動かないので、WordPress を静的な HTML に書き出して置きます。
- Simply Static で「Replacing URLs」を Absolute URLs、「Host」を公開先のドメインにして ZIP を書き出し、Netlify Drop か Netlify CLI でデプロイします。
- フォーム・コメント・検索は静的化で動かなくなるため、Netlify Forms などで代わりを用意します。