GeneratePressのフック優先度解説:要素の順番をコントロールする

使用中 ジェネレートプレス テーマ構築 ワードプレス ウェブサイトの時点では、ブロック・エレメントと フック システムは強力なページ挿入機能を提供します。多くのユーザーは、プロンプトボックス、広告、著者情報などのカスタムモジュールを、記事タイトルの下、コンテンツの最後、またはサイドバーに挿入します。これらのモジュールの表示順序は「フックの優先順位」に依存します。

この記事では、フック・プライオリティの仕組みと設定方法について、実践的なデモンストレーションを交えて説明する。

画像[1] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

i. デフォルトの優先順位は10です。

を作成する。 ブロック・エレメントフックをページに挿入する際、優先順位が設定されていない場合、システムのデフォルトは10となる。

例えば、こうだ。 generate_after_header この2つのフックでは、コンテンツ・ブロックが追加される:

  • 1つ目は青い背景のコンテナ(デフォルトの優先度10)。
画像[2] - GeneratePressでフックの優先順位を使用してページ要素の表示順序を制御する方法
  • 2つ目はピンクの背景のコンテナ(これもデフォルトの優先度10)。
画像[3] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

優先順位が同じなので、システムはそれらを作成した順に表示する。つまり、最初に作成された青いコンテナが最初に表示され、ピンクのコンテナが2番目に表示される。

画像[4] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

II.優先順位の変更による表示順位の変更

優先順位の値は、要素の順序を制御するために手動で設定することができます:

  • 青いコンテナの優先順位を12に設定
画像[5] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法
  • ピンクのコンテナはデフォルトの10

ページを更新すると、青いコンテナがピンクのコンテナの後に表示される。

画像[6] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

結論は、値が小さいほど優先順位が高く、その要素は前に進む。値が大きいほど優先順位が高くなり、要素は後方に下がる。

III.記事タイトルとメタ情報の間に小見出しを挿入する

記事中に小見出しや説明的なコンテンツを挿入したい。キャプションと発売日などのメタ情報の間にある。

デフォルト:

  • 記事のタイトルには H1 タブ
  • メタ情報(著者、日付など)も フック インサート、優先順位10
  • を使用する字幕ブロックを作成した場合 タイトル生成優先順位が10の場合、メタメッセージの後に来る。
画像[7] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

解決策

  • 小見出しの優先順位を7に設定(10未満)
画像[8] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法
  • こうすることで、サブタイトルがタイトルとメタ情報の間に表示される。
画像[9] - GeneratePressでフックの優先順位を使用してページ要素の表示順序を制御する方法

優先順位を11に設定すると、字幕はメタ・メッセージの後に表示される。

画像[10] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法
画像[11] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

IV.記事の最後に表示されるコンテンツブロックの順序を制御する

多くのサイトでは、記事の最後に次のようなモジュールを追加する:

  • 著者情報
  • 関連記事
  • 広告または CTA こっかい
画像[12] - GeneratePressでフック優先でページ要素の表示順を制御する方法

これらのモジュールは通常 generate_after_entry_content。 このフックでは、フッターのメタ情報(Footer メタ)もプライオリティ10でこのフックを使用している。

画像[13] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

カスタムモジュールをフッターのメタの上に表示したい場合:

  • このモジュールのプライオリティを9に設定する
画像[14] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

これによって、次のような変更をすることなく、上下の順番を調整することができる。 HTML 構造または文章 カスケーディングスタイルシート.

画像[15] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法

概要

フックの優先順位は ジェネレートプレス ページの構造を制御する重要なメカニズムのひとつ:

  • デフォルトの優先順位は10
  • 優先順位の値が小さいほど、より多くのコンテンツが最初に表示される
  • 複数のエレメントが同じフックを使用し、同じ優先順位を持つ場合、それらは作成された順番にリストされる。
  • コードを変更することなく、広告、小見出し、説明文などを柔軟に挿入できる。

フックとプライオリティの組み合わせに習熟していれば、ページ・コンテンツのレイアウトをカスタマイズし、構造化されたプレゼンテーションを行うことができる。

最近の更新


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

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

    コメントなし