12月 20, 2021

WordPressでカスタム404ページを作成する方法

リンクが存在しなくなったページに訪問者を導くとき、それは決して良いことではありません。 失望、混乱およびあなたの場所のポスト速攻を去る訪問者が付いているUターンがある場合もある。 幸いなことに、それがあなたのスタイルであれば、状況を不快にすることなく、ユーモラスにするためにあなたができることがあります。 それが必要とするのは、一般的な無菌のデフォルトページが見つからないエラーページ(別名404ページ)を実際に役立つものに置き換えることです。 この記事では、WordPressでカスタム404ページを作成する方法を説明します。

カスタム404ページを作成することで、デジタル行き止まりをユーザーのための道標に変え、少しユーモアを投げてもかまいません。

一般的な404ページは次のようになります:

カスタム404ページWordPress Generic

これは行き止まりですが、代わりに道を導く道標に変えることができます。 少しユーモアで投げればあなたの訪問者のうめき声は笑いに回る。

ここでは両方を行うAirbnbからのものです: 訪問者は彼らの悩みのためのおかしいグラフィックおよび捜していたかもしれないものをへの容易なリンクを得る:

カスタム404ページワードプレスAirbnb
写真:Airbnb

いくつかのテーマビルダーは、カスタム404ページが含まれており、他の人はありません。 テーマがエラーをどのように処理しているかを知るには、http://mysite.com/nosuchpageなどのナンセンスなURLを入力して、何が表示されるかを確認します。 あなたがそれを好きではない場合は、あなたがそれを変更するために行うことができますたくさんあります。

WordPressでカスタム404ページを作成するにはどうすればよいですか?

WordPressでカスタム404ページを作成するには、いくつかのオプションがあります:

  • テーマの既存の404ページを編集します。
  • テーマがない場合は、カスタム404ページを追加します。
  • 404プラグインを使用します。

これらのそれぞれを以下で詳しく説明します。

注:WordPressテーマを編集するときは、子テーマを使用することをお勧めします。 それ以外の場合は、テーマの更新は、あなたのハードワークを上書きすることがあります。

テーマの404ページの編集

まず、テーマにカスタム404ページが含まれているかどうかを確認します。 これを行うには、管理ダッシュボードからテーマエディタ(Appearance>Editor)を開きます。

ページの右側にあるファイルのリストで、404という名前のファイルを探します。php。

カスタム404ページWordPressの編集

404がない場合。phpでは、テーマにカスタム404テンプレートが含まれていないため、必要に応じて追加する必要があります(この記事の後半で説明します)。 それ以外の場合は、単に既存のファイルをクリックして、WordPressのダッシュボードで右のそれを編集することができます。

404の肉。Twenty Seventeenテーマが付属しているphpは次のようになります:

カスタム404ページWordPressのコーディング

ページを変更するには、強調表示されたテキストを編集します。 また、追加したい画像や便利なリンクを含む、その下(ページコンテンツdivの末尾の上)に段落を追加することもできます。

ワードプレス404ページを作成する

テーマに404が含まれていない場合。phpファイルを作成するには、

1つの簡単な方法があります。 404をコピーします。WordPress Twenty Seventeenテーマ(/wp-content/themes/twentyseventeen/404など)のような別のテーマからのphp。php)現在のテーマのディレクトリに。 上記のようにページを編集します。

2. テーマのインデックスをコピーします。phpを404という名前のファイルに変換します。あなたの現在のテーマのphp。 WordPressのループに関連する部分を削除します。 一般的に、これは次のようなものを開始するセクションです:

<?php if ( have_posts() ) : ?>

とで終わる:

<?php endif; ?>

正確な構文はわずかに異なる場合がありますが、have_postsendifを探していることに注意してください。 次に、作成したスペースにカスタムコードを挿入します。

第二の方法の利点は、あなたのサイト全体でテーマが使用する書式を取得する可能性が高いので、スタイリングが一致するということです。

WordPress404plugins

テーマのPHPコードを編集するのに慣れていない場合は、プラグインで作業することを好むかもしれません。 404プラグインを使用すると、404エラーページを作成するのに役立ちますし、多くの場合、追加のボーナスとして、すべてのページが見つかりませんエラーを追跡 ここではいくつかのお気に入りがあります:

404page

カスタム404ページワードプレス404page-プラグイン
写真:404page

このトリムは、慎重に設計されたプ 次に、Appearance>404Errorページに移動し、新しいページを404ページとして指定します。 また、訪問者のブラウザに正しいエラーコードを返します。 70,000以上のWordPressサイトは、このプラグインを使用し、それは5つ星の評価がロードされているので、それは優れたピックです。

カスタム404Pro

カスタム404ページWordPress404Pro
写真:カスタム404Pro

無料のプラグインはまた、あなたの404ページとして作成した任意のページを指定す また、それはあなたが確認できるレポートにすべての404エラーを記録するので、あなたが追跡し、できるだけ多くをスカッシュすることができます。

404ページBy SeedProd

カスタム404ページWordPress SeedProd
写真:SeedProd

このプラグインは、WordPressでカスタム404ページをすばやく簡単に設定するのに役立ちます。 それはほとんどのテーマで動作し、あなたは完全にあなたの新しい404ページをカスタマ 基本的なバージョンは無料です。 あなたが毎年購読しなければならないproバージョンは、訪問者の電子メールアドレスを収集するなどの追加機能を提供しています。

WordPressのプラグインディレクトリにはかなりの数の追加プラグインがありますが、上記は実績のあるお気に入りです。

404プラグインを選択するときは、正しい404not foundエラーコードの代わりに301リダイレクトコードをブラウザに返すものを避けてください。 ページは実際には存在しないため、ブラウザに再配置されたことを伝えるべきではありません。

リダイレクトは404エラーに対処するのに非常に役立ちますが、実際にユーザーを最初に到達しようとしていたページに転送できる場合にのみ適用されます。 それ以外の場合は、素敵な404ページを配信する必要があります。

WordPressの良い404ページのヒント

デフォルトの404メッセージが当たり障りのないもので、それほど役に立たない場合は、その場所に何を含めるべきですか? よい設計は下記のものを含んでいます:

  • あなたのウェブサイトの残りに一致させる決め付けることおよび設計。
  • ページが見つからなかったことを訪問者に知らせる有用なメッセージ。
  • ホームページや人気のあるページなど、サイト上の関連ページへのリンクは、訪問者が固執することを奨励します。
  • おそらくユーモラスなイメージやトーン、それがあなたのスタイルなら。

効果的な404ページは、あなたの訪問者がクリックしないようにし、さらにあなたのサイトを探索するように促すのに役立ちます。 また、サイトの404エラーを追跡し、ユーザーを目的の宛先に転送できるようになったらリダイレクトを作成する必要があります。

良いカスタム404ページは、訪問者が内側に来て、周りに固執することを奨励する出入り口に行き止まりを変更します。 ウェブサイトは一つなしで完全ではありません。

関連:WordPressで301リダイレクトを設定する方法

コメントを残す

メールアドレスが公開されることはありません。