インタビュー
![画像[1]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327140431897-image.png)
レバレッジ ケイデンス・テーマ・プロ な フックド・エレメンツ 関数を使えば、ウェブマスターは簡単にデフォルトの 404ページ表示内容をカスタマイズし、バックトゥホームボタン、紹介リンク、ブランド紹介などのモジュールを追加することで、エラーページをブラウジングの価値向上の一部にすることができます。
![画像[2]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327141213517-image.png)
Kadence Theme Proをインストールして有効にする
ケイデンス Hooked Elements モジュールは、Kadence Theme Pro にのみ含まれるプレミアム機能です。まだ有効になっていない場合は、KadenceのウェブサイトからProバージョンまたはPlus/Ultimateパッケージを別途購入してください。
![画像[3]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142233896-image.png)
購入後、Kadenceのアカウントにログインし、ダウンロードします。 Kadence Pro プラグインプラグインが WordPress バックエンドにインストールされている場合、プラグインをアップロードし、WordPress バックエンドにインストールします。インストール後、プラグインを有効化し、認証のために Kadence から提供された認証情報を入力します。 これが完了すると、Kadence Pro のステータスが「有効化」に変わります。
フックド・エレメンツ機能の有効化
ある ワードプレス ダッシュボードで 外見 > ケイデンス探す プロアドオン 岸辺
![画像[4]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142429777-image.png)
コミッション フックド・エレメンツ モジュールを使用します。この機能は、404ページの置き換えのようなコンテンツのためのサイト全体のフックを設定するための基礎です。
![画像[5]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142456256-image.png)
カスタム404ページコンテンツのデザイン
入り込む 外観 > ケイデンス > エレメント > 新規追加新しいエレメントを生み出す。
![画像[6] - プロフェッショナルな404ページの作成:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142527172-image.png)
ポップアップ・ウィンドウで、エレメント・タイプを テンプレートなぜなら、このタイプは ワードプレス デフォルトのテンプレートの内容。
![画像[7] - プロフェッショナルな404ページの作成:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142550243-image.png)
名前を挙げてください」。404 見つかりません"などのわかりやすいタイトルをつけて、ページ内容の編集を開始する。
![画像[8]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142606276-image.png)
使用可能 ケイデンス・ブロック 以下のコンテンツ・モジュールを追加する:
- イラストモジュール:ブランドのイラストやリード画像を表示するために使用します;
- 高度なテキストモジュール:「ページが存在しません」や「ホームページに戻ってください」などのプロンプトを入力します;
- ボタンモジュール:ジャンプリンクを追加して、ユーザーをホームページや他のおすすめページに誘導します;
- Layoutモジュール:Row Layoutを使って、すべてのコンテンツを整列させ、構造を美しくします。
![画像[9]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142629564-image.png)
これらのブロックを中央に配置し、適切なフォントと色を使うことで、ページは明確なガイドを持つ。
表示位置の設定
デザインを終えたら、ページ右上にある「要素設定」アイコンをクリックします。 プレースメント ドロップダウンメニューから選択 404ページのコンテンツを置き換えるこれは、デフォルトの404ページをカスタムコンテンツで置き換えるために使用されます。
![画像[10]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142652821-image.png)
![画像[11]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142704597-image.png)
表示ルールの設定
ある ディスプレイ設定 ディスプレイで、表示条件を 見つかりません (404)ページが存在しない場合にのみ表示されることを示す。
![画像[12]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142722986-image.png)
また、より高度なオプションにも対応している:
- 除外設定:特定のページでこのコンテンツを表示しないようにします;
- ユーザーグループ設定:特定のログイン状態に可視性を制限します;
- 有効期限設定:要素の有効期限を設定します。これは、プロモーションのカウントダウンなどの一時的なコンテンツに適用されます。
![画像[13]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142752504-image.png)
しかし、404ページの場合は、単に "Not Found "の条件を設定すればよい。
ページの公開とテスト
すべての設定が完了したら、右上の「Publish」ボタンをクリックして要素を有効化します。この時点で、カスタム404ページは正式に有効になります。
![画像[14]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142801243-image.png)
存在しないリンクをブラウザに入力することは可能である(例えば https://你的域名.com/abc123
) 効果をテストするために、ページには作成したばかりのコンテンツ・テンプレートが表示される。
![画像[15]-プロフェッショナルな404ページの構築:Kadence Theme Proによるカスタムデザインのコンテンツテンプレート](https://www.361sale.com/wp-content/uploads/2025/03/20250327142820392-image.png)
正しく表示されない場合は、ディスプレイ設定が「Not Found」になっていることを確認し
結語
カスタマイズの設定 404ページウェブサイトのプロフェッショナリズムとアクセスの完全性を高める、きめ細かな作業です。使用方法 Kadenceのテーマ ProのHooked Elements機能は、コードを変更する必要がなく、直感的で柔軟性があり、数分で設定できます。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/47675
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし