使用中 ジェネレートプレス テーマ構築 ワードプレス ウェブサイトの時点では、ブロック・エレメントと フック システムは強力なページ挿入機能を提供します。多くのユーザーは、プロンプトボックス、広告、著者情報などのカスタムモジュールを、記事タイトルの下、コンテンツの最後、またはサイドバーに挿入します。これらのモジュールの表示順序は「フックの優先順位」に依存します。
この記事では、フック・プライオリティの仕組みと設定方法について、実践的なデモンストレーションを交えて説明する。
![画像[1] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517114004574-image.png)
i. デフォルトの優先順位は10です。
を作成する。 ブロック・エレメントフックをページに挿入する際、優先順位が設定されていない場合、システムのデフォルトは10となる。
例えば、こうだ。 generate_after_header この2つのフックでは、コンテンツ・ブロックが追加される:
- 1つ目は青い背景のコンテナ(デフォルトの優先度10)。
![画像[2] - GeneratePressでフックの優先順位を使用してページ要素の表示順序を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517140454371-image.png)
- 2つ目はピンクの背景のコンテナ(これもデフォルトの優先度10)。
![画像[3] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517140555303-image.png)
優先順位が同じなので、システムはそれらを作成した順に表示する。つまり、最初に作成された青いコンテナが最初に表示され、ピンクのコンテナが2番目に表示される。
![画像[4] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517140617162-image.png)
II.優先順位の変更による表示順位の変更
優先順位の値は、要素の順序を制御するために手動で設定することができます:
- 青いコンテナの優先順位を12に設定
![画像[5] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517140703561-image.png)
- ピンクのコンテナはデフォルトの10
ページを更新すると、青いコンテナがピンクのコンテナの後に表示される。
![画像[6] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517140810583-image.png)
結論は、値が小さいほど優先順位が高く、その要素は前に進む。値が大きいほど優先順位が高くなり、要素は後方に下がる。
III.記事タイトルとメタ情報の間に小見出しを挿入する
記事中に小見出しや説明的なコンテンツを挿入したい。キャプションと発売日などのメタ情報の間にある。
デフォルト:
- 記事のタイトルには
H1タブ - メタ情報(著者、日付など)も フック インサート、優先順位10
- を使用する字幕ブロックを作成した場合
タイトル生成優先順位が10の場合、メタメッセージの後に来る。
![画像[7] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141052723-image.png)
解決策
- 小見出しの優先順位を7に設定(10未満)
![画像[8] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141121719-image.png)
- こうすることで、サブタイトルがタイトルとメタ情報の間に表示される。
![画像[9] - GeneratePressでフックの優先順位を使用してページ要素の表示順序を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141147687-image.png)
優先順位を11に設定すると、字幕はメタ・メッセージの後に表示される。
![画像[10] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141212757-image.png)
![画像[11] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141308191-image.png)
IV.記事の最後に表示されるコンテンツブロックの順序を制御する
多くのサイトでは、記事の最後に次のようなモジュールを追加する:
- 著者情報
- 関連記事
- 広告または CTA こっかい
![画像[12] - GeneratePressでフック優先でページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141644313-image.png)
これらのモジュールは通常 generate_after_entry_content。 このフックでは、フッターのメタ情報(Footer メタ)もプライオリティ10でこのフックを使用している。
![画像[13] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141707125-image.png)
カスタムモジュールをフッターのメタの上に表示したい場合:
- このモジュールのプライオリティを9に設定する
![画像[14] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141729374-image.png)
これによって、次のような変更をすることなく、上下の順番を調整することができる。 HTML 構造または文章 カスケーディングスタイルシート.
![画像[15] - GeneratePressでフックの優先順位を使ってページ要素の表示順を制御する方法](https://www.361sale.com/wp-content/uploads/2025/05/20250517141811684-image.png)
概要
フックの優先順位は ジェネレートプレス ページの構造を制御する重要なメカニズムのひとつ:
- デフォルトの優先順位は10
- 優先順位の値が小さいほど、より多くのコンテンツが最初に表示される
- 複数のエレメントが同じフックを使用し、同じ優先順位を持つ場合、それらは作成された順番にリストされる。
- コードを変更することなく、広告、小見出し、説明文などを柔軟に挿入できる。
フックとプライオリティの組み合わせに習熟していれば、ページ・コンテンツのレイアウトをカスタマイズし、構造化されたプレゼンテーションを行うことができる。
最近の更新
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/54952この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。





















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし