Astra Themeチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

ウェブサイトを運営する中で、以下のことがわかります。404エラーページそれは避けられません。美しくカスタマイズされたコンテンツで404ページをデザインすることは、訪問者の離脱を減らすだけでなく、ブランド全体のイメージを向上させます。もし、あなたがアストラのテーマカスタム404ページを有効にしてデザインするには、この記事の指示に従ってください。

アストラのロゴ

なぜカスタム404ページが必要なのか?

デフォルトの404ページはクリーンで単調な傾向がある。ページエラー","プロらしくないウェブサイト"という印象を与えます。また、カスタム404ページには、ブランディング要素、検索機能、人気のおすすめコンテンツ、さらにはユーモラスなコピーを組み込んで、ユーザーにサイトの閲覧を続けるよう誘導することもできる。

適用されるシナリオ

  • ウェブサイトのリニューアル後、一部の古いリンクが失敗
  • ユーザーが間違ったリンクアドレスを入力した
  • SEO エラーページ ヒントページ

404ページをカスタマイズすることで、ブランドの印象を深め、ユーザーをホームページや関連コンテンツに誘導し、無駄なトラフィックを避けることができる。

画像[2]-Astraテーマチュートリアル:Astraテーマでカスタム404ページを有効にしてデザインする方法

手続き

Astra Proのサイトビルダーモジュールを有効にする

まず第一に、カスタム404ページは アストラ・プロ 高度な機能が必要なのだ:

完了したら、以下の手順に従ってSite Builderモジュールをオンにしてください。

  1. WordPressのバックエンドにログインし、以下のページに移動します。 アストラ → ダッシュボード
  2. スクロール アストラ・プロ・モジュール
  3. コミッション サイトビルダー モジュール
画像[3]-アストラ・テーマ・チュートリアル:アストラ・テーマでカスタム404ページを有効にしてデザインする方法

有効な場合。サイトビルダー がアストラ・パネルに表示される。

404ページレイアウトの作成とデザイン

  1. 入り込む アストラ → サイトビルダー
  2. の左側をクリックする。 404ページ
  3. 新規作成」をクリックする。 404ページ)
画像[4]-アストラ・テーマ・チュートリアル:アストラ・テーマでカスタム404ページを有効にしてデザインする方法

オプションで、以下のツールを使ってページ内容をデザインすることができます:

  • グーテンベルグ(ブロックエディタ)
  • エレメンタ
  • ビーバービルダー

あなたの使用習慣に基づいてエディタを選択し、カスタムコンテンツを作成します。

404ページ設定オプション

ページ右上をクリック アストラ・アイコン専用設定パネルが展開される。

画像 [5]-Astra Themeのチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

404ページフォーム以下のオプションが設定できる:

  • 無効ヘッダー(プライマリーヘッダー)特定のページにメインナビゲーションバーとサイトのトップエリアを表示しないようにします。これはログインページなどの特定のシナリオで便利です、ランディングページまたはカスタム404ページは、ページをより簡潔にし、コンテンツに焦点を当て、ユーザーの行動や視覚的な注意を妨げないようにするのに役立ちます。
  • フッターバーを無効にするフッターバーを無効にすると、ページ下部のサイト全体の情報エリアが非表示になり、著作権情報やメニューを表示する必要のない特別なページでは、ページがより簡潔になります。
画像 [6]-Astra Themeのチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

これにより、404ページをよりすっきりさせ、より集中させることができる。

ユーザーの役割条件(オプション)

例えば、ゲストユーザーのみ、管理者アクセス用のデフォルトページなど、特定のユーザーロールに対してのみ表示されるカスタム404ページを設定することができます。

画像 [7]-Astra Themeのチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

デバイスの可視性設定

デバイスに応じたカスタマイズ表示にも対応:

  • デスクトップ
  • 平床
  • モバイル
画像 [8]-Astra Themeのチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

有効にしたいデバイスタイプにチェックを入れるだけです。

日付と制限時間(任意)

404ページが表示される開始時間と終了時間を設定することで、ページが一定期間だけ有効になるので、イベントの404ページや時間制限のあるアラートに最適です。

画像 [9]-Astra Themeのチュートリアル:Astra Themeでカスタム404ページを有効にしてデザインする方法

すべての設定が完了したら、右上の 更新 ボタンをクリックすると、システムは自動的にデフォルトの404ページをあなたがデザインしたページに置き換えます。

概要

Astra Proのサイトビルダー機能による404ページのカスタマイズは、簡単なだけでなく、非常に柔軟です。コンテンツを自由にデザインし、表示対象や表示期間をコントロールし、異なるデバイスでの表示効果を最適化することができます。WordPressの関連情報や操作スキルをもっと知りたい、注目したい方は光子ゆらぎネットワーク最新情報は毎日リアルタイムで更新され、最高の雰囲気の中WordPress Exchange コミュニティ.


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はEarly Seasonが執筆しました。
終わり
好きなら応援してください。
クドス15 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし