Kadenceチュートリアル:Kadence Theme ProでWordPressカスタム404ページを設定する

インタビュー削除されたページまたは存在しないページユーザーは通常 ワードプレス デフォルトの「ページが見つかりません」警告ページ。このページはアクセスエラーを警告しますが、訪問者がサイトの閲覧を続けるためのガイダンスがありません。

画像[1]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインコンテンツテンプレート

レバレッジ ケイデンス・テーマ・プロ フックド・エレメンツ 関数を使えば、ウェブマスターは簡単にデフォルトの 404ページ表示内容をカスタマイズし、バックトゥホームボタン、紹介リンク、ブランド紹介などのモジュールを追加することで、エラーページをブラウジングの価値向上の一部にすることができます。

画像[2]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

Kadence Theme Proをインストールして有効にする

ケイデンス Hooked Elements モジュールは、Kadence Theme Pro にのみ含まれるプレミアム機能です。まだ有効になっていない場合は、KadenceのウェブサイトからProバージョンまたはPlus/Ultimateパッケージを別途購入してください。

画像[3]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

購入後、Kadenceのアカウントにログインし、ダウンロードします。 Kadence Pro プラグインプラグインが WordPress バックエンドにインストールされている場合、プラグインをアップロードし、WordPress バックエンドにインストールします。インストール後、プラグインを有効化し、認証のために Kadence から提供された認証情報を入力します。 これが完了すると、Kadence Pro のステータスが「有効化」に変わります。

フックド・エレメンツ機能の有効化

ある ワードプレス ダッシュボードで 外見 > ケイデンス探す プロアドオン 岸辺

画像[4]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

コミッション フックド・エレメンツ モジュールを使用します。この機能は、404ページの置き換えのようなコンテンツのためのサイト全体のフックを設定するための基礎です。

画像[5]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

カスタム404ページコンテンツのデザイン

入り込む 外観 > ケイデンス > エレメント > 新規追加新しいエレメントを生み出す。

画像[6] - プロフェッショナルな404ページの作成:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

ポップアップ・ウィンドウで、エレメント・タイプを テンプレートなぜなら、このタイプは ワードプレス デフォルトのテンプレートの内容。

画像[7] - プロフェッショナルな404ページの作成:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

名前を挙げてください」。404 見つかりません"などのわかりやすいタイトルをつけて、ページ内容の編集を開始する。

画像[8]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

使用可能 ケイデンス・ブロック 以下のコンテンツ・モジュールを追加する:

  • イラストモジュール:ブランドのイラストやリード画像を表示するために使用します;
  • 高度なテキストモジュール:「ページが存在しません」や「ホームページに戻ってください」などのプロンプトを入力します;
  • ボタンモジュール:ジャンプリンクを追加して、ユーザーをホームページや他のおすすめページに誘導します;
  • Layoutモジュール:Row Layoutを使って、すべてのコンテンツを整列させ、構造を美しくします。
画像[9]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインコンテンツテンプレート

これらのブロックを中央に配置し、適切なフォントと色を使うことで、ページは明確なガイドを持つ。

表示位置の設定

デザインを終えたら、ページ右上にある「要素設定」アイコンをクリックします。 プレースメント ドロップダウンメニューから選択 404ページのコンテンツを置き換えるこれは、デフォルトの404ページをカスタムコンテンツで置き換えるために使用されます。

画像[10]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

デフォルトの優先順位は10この場合、変更は必要ない。複数のエレメントを同時に同じ位置にセットする場合は、優先順位を調整して表示順を決めることができる。

画像[11]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

表示ルールの設定

ある ディスプレイ設定 ディスプレイで、表示条件を 見つかりません (404)ページが存在しない場合にのみ表示されることを示す。

画像[12]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

また、より高度なオプションにも対応している:

  • 除外設定:特定のページでこのコンテンツを表示しないようにします;
  • ユーザーグループ設定:特定のログイン状態に可視性を制限します;
  • 有効期限設定:要素の有効期限を設定します。これは、プロモーションのカウントダウンなどの一時的なコンテンツに適用されます。
画像[13]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

しかし、404ページの場合は、単に "Not Found "の条件を設定すればよい。

ページの公開とテスト

すべての設定が完了したら、右上の「Publish」ボタンをクリックして要素を有効化します。この時点で、カスタム404ページは正式に有効になります。

画像[14]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

存在しないリンクをブラウザに入力することは可能である(例えば https://你的域名.com/abc123) 効果をテストするために、ページには作成したばかりのコンテンツ・テンプレートが表示される。

画像[15]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート

正しく表示されない場合は、ディスプレイ設定が「Not Found」になっていることを確認しサイトのキャッシュをクリアするその後、ページを更新してください。

結語

カスタマイズの設定 404ページウェブサイトのプロフェッショナリズムとアクセスの完全性を高める、きめ細かな作業です。使用方法 Kadenceのテーマ ProのHooked Elements機能は、コードを変更する必要がなく、直感的で柔軟性があり、数分で設定できます。


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

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

    コメントなし