ウェブサイト検索

WordPress で静的 Web サイトを作成する理由と方法

WordPress で構築できないものは何でしょうか?小さなブログから大規模な電子商取引 Web サイトまで、あらゆる種類の Web サイトを構築できます。

これが、WordPress が有名ブランドを含む世界中の何百万もの企業に選ばれるプラットフォームである理由です。

WordPress は使い方が簡単で、テーマ、ページ ビルダー、プラグインに多くのカスタマイズ オプションが付属しています。

さらに、このプラットフォームには世界中の貢献者やサポーターからなる巨大なコミュニティがあります。 WordPress が定番である理由はたくさんありますが、ここでは立ち入りません。

WordPress は強力なアプリケーション フレームワークですが、このプラットフォーム上に単純な静的 Web サイトを構築することはできません。つまり、単純な HTML + CSS + (おそらく JavaScript) ウェブサイトであり、他の「読書の設定で静的ページを設定する」ものではありません。

私が話しているのはこれについてであり、それは私たちが達成しようとしていることではありません。

それはすべて、WordPress がいわゆる動的 Web ページを生成するためです。

それが混乱しているように聞こえるかもしれませんが、それはそうです。では、静的 Web サイトと動的 Web サイトの違いは何でしょうか?さて、少し光を当てるために、WordPress がどのように機能するのか、そして静的 Web サイトがどのように機能するのかを説明します。皆さん、静的ウェブサイトから始めましょう。

静的 Web サイトでは、単純な HTML ファイルと CSS ファイル、およびおそらく一部の JavaScript が使用されます。最初から作成/コーディングしたファイル、または CoffeeCup などのソフトウェアを使用して作成したファイル。ああ、この専門用語は大嫌いですが、避けるのは難しいです。

説明すると、Web デザインのコース全体が必要になります。数分の余裕があれば、上にリンクしたガイドで詳細を確認してください。

余談: 初心者にとって、HTML は構造を提供し、CSS はスタイルを提供します。 JavaScript は対話性を提供します。個人的には、CoffeeCup を使用するよりもコードを最初から作成することを好みます。そのようなツールではコードが肥大化するためです。私はむしろ、NotePad++ でチャンスを掴み、すべてを最初から構築したいと考えています。

一方、WordPress は、Web ページをその場で生成するプラットフォームです。ページを最初からコーディングする必要はありません。 WordPress 管理者にログインし、コンテンツを入力して公開 ボタンを押すだけです。

次に、万能の PHP が起動し、MySQL または MariaDB などの他の何かで実行されるデータベースからコンテンツを取得します。はい、わかっていますが、読み続けてください。

WordPress はその他すべてを処理し、さまざまな部分を組み合わせてブラウザーに表示されるページを構築します。

これは、Microsoft Office がドキュメントを作成するときに行うこととよく似ています。コンテンツを入力するだけで、あとはすべて Microsoft Office が処理します。ドキュメントを最初からコーディングする必要はありません。

とはいえ、WordPress Web サイトの静的バージョンを作成するためのツールがいくつかあります。つまり、プラグインまたはクラウドベースのサービスを使用できます。

それが私が WordPress で最も気に入っている点です。回避策は常にあります。プラグインかサービスを入手して問題を解決してください。プラグインやサードパーティのサービスを使用しても解決できない問題はまだ見つかっていません。

しかし、これらすべてに没頭する前に、なぜ WordPress Web サイトの静的バージョンを作成するのでしょうか?メリットは何ですか?

WordPress で静的 Web サイトを作成する理由

要約: すべての WordPress Web サイトは、ブラウザーに表示されるページを作成する前に何百ものタスクを実行するため、すべての処理が遅くなります。

WordPress Web サイトは、WordPress コア、テーマ、プラグイン、サードパーティ統合からの何千ものファイルでも実行されます。それがすべてではありません; WordPress Web サイトは複数のエンドポイントに接続しており、ハッカーにとって複数のセキュリティ ホールが発生します。

一方、静的な Web サイトは同じようには動作しません。データベースに接続せずに実行できるため、処理が高速になります。さらに、エンドポイントが (あるとしても) ほとんどないため、セキュリティが強化されます。さらに、悪名高い「データベース接続確立エラー」エラーなど、WordPress でよくあるエラーが発生することもありません。

さて、長文です。

静的 Web サイトが実行可能な回避策である理由は次のとおりです。 覚えておいてくださいが、WordPress インストールを完全に無効にすると言っているわけではありません。静的バージョンを作成するだけで、次の利点が得られます。

ページの読み込み時間の短縮

WordPress ウェブサイトはデータベースなしで動作しますか?いいえ。 WordPress は Apache や PHP なしでも動作しますか?繰り返しますが、いいえ。 WordPress は、静的な Web サイトでは実行できる多くのサーバー側のタスクなしでは実行できません。

リソースが何百万もの Web サイトに分散されている共有ホスティングを使用している場合、状況はさらに悪化します。マーケティングを正しく行い、多くのトラフィックを集め始めた場合、共有ホスティング上の WP Web サイトは影響を受けることになります。

ブラウザに表示されるページを作成するために、WordPress はサーバーとの間で何度も往復し、大量の PHP コマンドなどを実行します。

コマンドと移動には時間がかかります。それはミリ秒かもしれませんが、大規模な（そして人気のある）Web サイトを持っている場合、これは処理の速度を低下させ、高い直帰率を引き起こすのに十分な意味があります。

静的 Web サイトでは動的ページを処理する必要がないため、ラウンドトリップがなくなり、ページの読み込み時間が節約されます。ページの読み込み速度が速くなることは、特に Google がウェブサイトの高速化を奨励する場合には常に歓迎されることです。さらに、ページの高速化によりユーザー エクスペリエンス (UX) が向上し、最終的にはコンバージョン率の向上につながります。

プロのヒント: WP Rocket などのサービスを使用して WordPress ウェブサイトを高速化し、より適切なホスティングを選択し、サイト上のゴミを掃除することができます。

セキュリティの向上

SQL インジェクションは、何百万ものサイトを次々とダウンさせる差し迫った脅威です。また、WordPress は SQL インジェクションの影響を受けないデータベース上で実行されるため、危険を逃れることはできません。WordPress のセキュリティを強化しない場合はなおさらです。

さらに、一部の WordPress プラグインは、特に疑わしいソースからプラグインをダウンロードしたり、定期的な更新を実行できなかった場合に、サイトをセキュリティ リスク (XSS 攻撃など) にさらす可能性があります。

Web サイトの静的バージョンには、ハッキングするプラグインがないため、この脆弱性はありません。さらに、PHP (サーバー上で実行される) コードは実行されていません。データベースに接続する必要もありません 🙂

ぜひとも、あなたのサイトの WordPress バージョンにはまだこれらのセキュリティ問題がありますが、.htaccess ファイルを使用して攻撃者から WordPress を隠すことを選択できます。

WordPress バージョンを .htaccess パスワードで隠し、代わりに静的 Web サイトを提供するだけです。その後、WordPress でコンテンツを作成し、変更を静的サイトにプッシュし続けます。

専門的なヒント: サイトの衛生状態を改善し (上記リンクの記事を確認してください)、WordPress サイトのバックアップを積極的に行うことで、WordPress サイトをセキュリティ リスクに対して無防備にすることができます。

言うまでもなく、デジタル資産 (読み取り、Web サイト、モバイル アプリなど) が 100% 攻撃を受けないわけではないため、常に警戒してください。

管理とメンテナンスの軽減

ウェブサイトを管理するのは簡単な作業ではありません。健全な WordPress ウェブサイトを運営することはさらに困難です。 WordPress メンテナンス チェックリストで見たように、多くの稼働歯車には定期的な注油が必要です。

まず、WordPress のインストールを最新の状態に保つ必要があります。そうしないと、悪者の手を引くことになります。さらに、新しいテーマとプラグインには最新の WordPress バージョンが必要であり、優れた機能を利用できないことになります。

N/B: 何も知らなかった方のために説明すると、古いテーマやプラグインは、特に既知のセキュリティ脆弱性がある場合、サイトを攻撃者にさらすことになります。

さらに、読み込み速度を速くするにはページを最適化する必要がありますが、ファイルを縮小したり、WordPress キャッシュ プラグインや CDN を使用したりするときに変化球が発生する可能性があります。初心者だと、大変ですよ。知っている;私はそこに行ったことがあります。

静的 Web サイトでは、そのようなことはありません。 WordPress コア、テーマ、プラグインを更新する必要がないため、メンテナンスの負担が軽減されます。

余談: ただし、PC にローカルにインストールしている場合でも、WordPress コア、テーマ、プラグインを更新し続ける必要があります。サイトのセキュリティ衛生が良好です。

また、共有ホスティングを使用している場合でも、ページの読み込み速度を心配する必要はありません。さらに、前述したようにウェブサイトの静的バージョンはセキュリティが優れているため、心配する必要が 1 つ少なくなります。

専門的なヒント: サイバー犯罪者に先んじて最高の機能を得るために、WordPress コア、テーマ、プラグインを常に更新してください。ページ速度を向上させるには、WordPress ページの読み込み時間を短縮する方法を確認してください。

スケーラビリティ

私たちは皆、たくさんの訪問者を惹きつけるウェブサイトを作成したいと考えています。結局のところ、成功するすべての Web サイトにとってトラフィックは生命線です。

トラフィックがなければ、Web サイトは事実上機能しません。あなたはウェブサイトを作成して、世界中の人があなたとあなたのビジネスを見つけられるようにしました。それは良いことです。

さて、WordPress は非常にスケーラブルなプラットフォームです。 Web 訪問者が数十人いる中小企業の経営者であろうと、月間ビュー数が数百万回ある大規模な e コマース ラインであろうと、あらゆることを処理できます。

しかし、たとえば、トラフィックが急増し、共有ホスティングを使用している場合、多くのタスクがバックグラウンドで実行されているため (共有ホスティング パッケージでは処理できないタスク)、WordPress Web サイトで問題が発生します。

多くのプロセスが実行されているため、WordPress Web サイトに一度に多数同時にアクセスすると、サーバーやデータベースがダウンする可能性があります。

一方、静的 Web サイトは、一度に 10 ヒットでも 100 万ヒットでも、簡単に拡張できます。なぜ？サーバーとデータベースへの往復が発生しないためです。

言い換えれば、サーバー負荷の高いプロセスは事実上実行されていないため、一度に多数のアクセスがあっても混乱することはありません。この問題は依然として発生する可能性がありますが、ラウンドトリップとプロセスのため、WordPress Web サイトほど頻繁ではありません。

つまり、低予算のホストでも、GitHub (またはその他の無料ホスト) でも問題なく快適にホストできるということです。トラフィックが急増し、同じホスティング パッケージ上の WordPress Web サイトが停止する可能性がある場合でも、静的 Web サイトは引き続き機能します。

プロのヒント: 最初から優れた WordPress ホスティング会社を利用することをお勧めします。簡単に拡張したい場合は、マネージド WordPress ホスティングとクラウド ホスティングの 2 つの実行可能なオプションがあります。

これらは、WordPress Web サイトの静的バージョンを作成することの利点の一部です。さて、楽しい部分に移りましょう。 WordPress Web サイトの静的バージョンを作成します。

いくつかのプラグインを試してみましたが、どれも惨めに失敗しました。何年も更新されていないものもあれば、Github ソース コードをコンパイルする必要があるものもありますが、これは明らかに初心者向けではありません。 StaticPress2019 に出会うまではとてもイライラしていましたが、また笑顔になれるようになりました。

WordPress で静的 Web サイトを作成する方法

いくつかのコンテキストのために、私は次のサンプル サイトを使用しています。これは、Total WordPress テーマに付属する既製のデモの 1 つです。

WordPress デモ サイトは、design.vistamedia.xyz. にあります。

別のサブドメイン (つまり、static.vistamedia.xyz) でホストする静的 Web サイトを作成します。現在は次のようになります。

心配しないで;それは私のサーバー上の単なる空のディレクトリであり、Web サイトファイルはありません。ここに、WordPress Web サイトの静的バージョンを保存します。

N/B: サブドメインは説明のみを目的として使用しています。他の任意のドメインまたは URL を使用できます。

ただし、先に進む前に、留意すべき点がいくつかあります。まず、この回避策はすべての WordPress Web サイトに適用できるわけではありません。

次のような単純な Web サイトに最適です。

  • 複雑な機能を必要としないオンラインパンフレット
  • 基本ポートフォリオ
  • 純粋な情報ウェブサイト
  • 近日公開ページとランディング ページ
  • 攻撃を受けやすいサイト (政治サイトや有名人のサイトなど)
  • 本当に高速でなければならないウェブサイト

これは、WordPress Web サイトを静的 Web サイトに変換すると、次のようなサーバー側の機能が無効になるためです。

  • eコマースプラグイン
  • ほとんどのスライダー プラグイン
  • WordPressのデフォルトのコメントフォーム
  • サーバー側のお問い合わせフォーム
  • 送信フォームを使用するすべてのプラグイン
  • イベントプラグイン
  • メンバーシッププラグイン
  • 「最も人気のある投稿」タイプのウィジェット
  • RSSフィード
  • サーバーが機能する必要があるその他のプラグイン

WooCommerce では PHP とサーバー側の機能を必要とする動的ページが作成されるため、WooCommerce で実行されている電子商取引サイトを静的 Web サイトに変換すると問題が発生します。

ただし、必要な機能を実現するための回避策は数多くあります。たとえば、コメントには Disqus、検索には Algolia、電子商取引には Snipcart を使用できます。他の機能にも回避策はありますが、時間と労力を費やす価値があるかどうかを自問する必要があります。

そうは言っても…StaticPress2019 プラグインで何ができるかを見てみましょう。

StaticPress2019 プラグインを使用して静的 Web サイトを作成する方法

StaticPress2019 は WordPress プラグイン リポジトリで利用できます。つまり、WordPress 管理ダッシュボード内にインストールできます。

WordPress 管理者にログインし、[プラグイン] > [新規追加] に移動します。

次に、キーワード検索ボックスに「StaticPress」と入力し、プラグインが見つかったら、[今すぐインストール] をクリックします。

その後、 プラグインを有効化します。ここまでは、順調です。

次に、以下で強調表示しているように、WordPress 管理メニューの [StaticPress2019 オプション] をクリックします。

次に、静的 Web サイトの URL とドキュメント ルートを入力し、[変更を保存] ボタンをクリックします。

私の場合は、static.vistamedia.xyz と /home/vistxxxx/static.vistamedia.xyz をそれぞれ使用しています。あなたのケースに該当する値を使用してください。

次に、[StaticPress2019:] をクリックします。

次のページで、次のスクリーンショットに示すように [再構築] ボタンをクリックします。

プロセスが完了するまで待ちます。ウェブサイトのサイズによっては、時間がかかる場合があります。

プロセスが終わったら、泡をポップするだけです。それだけで十分です 🙂

ちょっと待って。静的 Web サイトを徹底的にテストすることを忘れないでください。フロントエンドで新しい静的 Web サイトを表示できます。

static.vistamedia.xyz での最終結果は次のとおりです。以前は次のようになっていました…

…今の見た目:

違いがわかりません。念のため言っておきますが、同じホスティング パッケージの WordPress バージョンよりもはるかに高速です 🙂 そして、写真やブログ投稿、レスポンシブ デザインなどを含むすべてがそこにあります。

StaticPress2019 プラグインは、新旧の WordPress Web サイトから静的 Web サイトを作成するのに最適です。

注意: WordPress ウェブサイトを更新する場合は、数秒前と同様に、StaticPress2019 に移動し、再構築 ボタンをクリックする必要があります。そうすることで、変更がウェブサイトの静的バージョンにプッシュされます 🙂

新しい WordPress Web サイトを作成していて、後で静的 Web サイトに変換したい場合は、有料サービスの使用を検討できます (「WordPress 静的サイト ジェネレーター」を検索するだけで、たくさんのオプションが見つかります)。このようなサービスは、静的な Web サイトと、コメントや検索フォームの組み込みの回避策を、通常はホスティングとともに月額料金で提供します。

前に述べたように、StaticPress2019 などのプラグインを使用する場合、そのような機能には常に回避策があります。つまり、WordPress Web サイトの静的バージョンを作成するのに料金を支払う必要はありません。これが非常に簡単な場合は特にそうです。

WordPress で静的 Web サイトを作成することには、メリットとデメリットがあります。ページの読み込み速度が速くなり、セキュリティが向上し、管理タスクが減り、自由に使えるホスティング オプションが増えます。

同時に、静的 Web サイトは、WooCommerce に大きく依存する電子商取引サイトなど、すべての WordPress Web サイトにとって理想的ではありません。

それは、WordPress Web サイトを静的 Web サイトに変換すると、サーバー側の機能が失われるからです。お問い合わせフォーム、注文フォーム、コメント、カートなどは機能しなくなります。

必要な機能を取得するための回避策はありますが、静的な Web サイトが本当に必要かどうかを考慮することが常に重要です。確かに作成は簡単ですが、たとえば WordPress ウェブサイトを優れたホスティングで実行するほうが良いでしょうか?

StaticPress2019 を試してみて、コメント セクションでご意見をお聞かせください。楽しく作成し、安全を確保してください。