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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ポップアップ?ウィンドウで、エレメント?タイプを テンプレートなぜなら、このタイプは ワードプレス デフォルトのテンプレートの內(nèi)容。

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

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

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

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

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

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

表示位置の設(shè)定

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

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

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

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

表示ルールの設(shè)定

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

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

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

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

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

ページの公開とテスト

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

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

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

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

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

結(jié)語

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


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

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

    コメントなし