WordPress 404 でカスタム 2024 エラー ページを作成するには? 【5大ポイント】

この記事では、WordPress でカスタム 404 エラー ページを作成する方法について説明します。 404 ページの一般的な原因は、タイプミスと間違った URL です。

パーソナライズされたエラー ページは、悪い経験を良い経験に変えることができます。 404 ページを最適化することで、ちょっとしたエラーで Web サイトが台無しになるのを防ぐことができます。

WordPress のデフォルトのホームページをカスタマイズする方法。 次に、404 ページの必須の XNUMX つの機能を見ていきます。 さあ行こう！

WordPress でカスタム 404 エラー ページを作成するには? 5つの重要なポイント

これでカスタム 404 ページが完成しました。 しかし、Beaver Builder には、より良い設計に役立つモジュールがさらにたくさんあります。

考慮すべき重要な XNUMX つのポイントは次のとおりです。

1。 メニュー

これは 404 デザインでは一般的です。 サイトの中心は誰もが望んでいるわけではないかもしれません。 ナビゲーション メニューが表示されると、ユーザーはサイト上の特定のページにジャンプできます。

これには、アクセスしようとしていたデータが含まれている必要があります。 したがって、メニューは訪問者のコンテンツへの関与を左右する可能性があります。 次に、それをテーマのレイアウトにドラッグします。

メニューモジュールのオプションを設定します。 404 ページに表示したい WordPress ナビゲーション メニューを選択します。 「外観」>「メニュー」でメニューを作成します。 水平、垂直、アコーディオン スタイル。

2. 読むべき投稿

最近の投稿セクションを作成して、サイトの新しいコンテンツを宣伝します。 投稿モジュールを 404 ページに追加します (投稿カルーセルまたは投稿スライダー)。

モジュールの設定によっては、アイキャッチ画像や投稿コンテンツが表示される場合があります。 これはあなたのウェブサイトを宣伝する素晴らしい方法です。

投稿はリストまたは列として表示できます。 このモジュールの表示オプションでは柔軟性が重要です。 アニメーション化されているかどうかに関係なく、複数の項目を横一列に表示できます。

このモジュールは、各記事の注目の画像とメタデータを表示します。

自動スクロールを使用するか、訪問者がオプションをクリックして選択できるようにします。 投稿カルーセル モジュールを使用すると、コンパクトなスペースに複数の投稿を表示できます。

テキストオーバーレイ付きの画像が表示されます。 投稿スライダーは、印象的なアイキャッチ画像を含む記事に最適です。

3. お問い合わせ

リンク切れは訪問者にとってひどいことです。 SEO。 ボットはサイトにリンク切れがないか検査します。 その結果、サイトのコンテンツがすぐに表示されない可能性があります。

接続が切断されているかどうかを認識することが重要です。 ユーザーが 404 エラーをすぐに報告できるようにすることで、ユーザーをテスターとして参加させます。

404 件の問題を報告したユーザーに、WooCommerce 割引クーポンを贈呈します。 404 ページには Contact Form モジュールが必要です。

デフォルトでは、回答は WordPress 管理者のアドレスに送信されます。 それを「電子メールに送信」フィールドに入力します。

このフォームにリンク切れの報告用であることを明確にするテキストを追加することを検討してください。 ビーバービルダーを使用する これを行うにはテキスト エディター モジュールを使用します。 ボタンのテキストを変更して明確な CTA (CTA) を作成します。

4. 検索バー

メニューとブログ セクションを使用して Web サイトの探索を促進する 情報を見つけるために、特定のユーザーは検索バーにすばやくアクセスする必要がある場合があります。 Beaver Builder の検索モジュールは 404 ページを作成する場合があります。

検索バーをカスタマイズするには、このモジュールをインストールします。 ボタンのみのインライン レイアウト。 検索結果の表示について。 404 の検索結果がドロップダウン メニューとして表示される場合があります。

別の検索結果ページが作成されないように、404 ページに検索結果を含めます。 この効果は「コンテンツ」タブで行います。 「結果」メニューから「AJAX」を選択します。

検索結果ページからも送信される場合があります。 404 エラー ページを回避するには、ユーザーをサイトのメイン コンテンツにリダイレクトします。 「結果」セクションで「検索ページにリダイレクト」オプションを設定します。

Contact Form モジュールの設定で [Button] タブを選択します。 次に、ボタンのテキストを新しい CTA で更新します。

5 ログイン

メンバーシップは、ターゲット市場と長期的な関係を築くのに役立ちます。 で人気があります eコマース そしてトレーニング現場。

メンバーシップ サービスを提供している場合は、404 ページからのログインを許可したい場合があります。 訪問者を再び惹きつけます。 ログインしようとすると 404 エラーが発生する人のためのショートカットとして使用します。

Beaver Builder にはこのモジュールが含まれています。 404 ページのログイン フォーム。 デフォルトでは、このフォームには「ログインを記憶」および「パスワードを忘れた場合」が表示されます。 ログイン フォーム モジュールの [全般] ページのパラメータを変更して、よりシンプルにすることができます。

パスワードを忘れた場合のリンクを表示し、「いいえ」にログインします。ログイン フォームには表示されなくなりました。

クイックリンク：

• WordPress セキュリティガイド: WordPress ブログをハッキングから守る
• WordPress サイトのカラーパレットを作成するには? 究極のガイド
• WordPress でメンテナンス モード ページを作成するには?
• ワンクリックですべてのWordPressコメントを素早く削除するにはどうすればよいですか?
• Beaver Themer を使用してより良い Web サイトを作成するためのヒント

結論: WordPress 404 でカスタム 2024 エラー ページを作成するには? 

完璧な世界では、あなたの 404 ページを誰も見ることはありません。 あらゆる予防措置を講じたとしても、訪問者が不正確な URL を入力する可能性があります。 あなたの 404 エラーは他の誰かのせいです。

WordPress の 404 エラー ページについてどう思いますか? 提供されたボックスにご意見をお寄せください。