アストラ で御座います ワードプレス 広く使われている軽量テーマ、Upgrade
![畫像 [1]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410140932958-image.png)
サイト?ビルダー?モジュールの有効化
アクティベーションの前に、以下の準(zhǔn)備が必要です:
- 取付 アストラ ごかんけいせいぼおん
- Astra Pro プラグインをインストールし、有効化する。
- ある ワードプレス コンソールで Astra > Astra Pro Modules に移動し、Site Builder モジュールを有効にします。
![畫像 [2]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410140946337-image.png)
有効にすると、メニューに「サイト?ビルダー」項(xiàng)目が表示されます。
サイト?ビルダー?モジュールの概要
サイト?ビルダーは、例えば、いくつかの構(gòu)造編集ポータルを提供する:
- ヘッダー
- フッター
- 404ページ
- フック
- シングルテンプレートとアーカイブテンプレート
![畫像 [3]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141055952-image.png)
これらのエリアでは、既存のコンテンツのプレビューや編集だけでなく、新しいレイアウトを作成することもできます。操作は直感的で、サイトの構(gòu)造を頻繁に調(diào)整するシナリオに適しています。
フック?レイアウトを作る2つの方法
コードエディターを使って挿入
- サイトビルダーを開く
- フックモジュールに移動し、"レイアウト作成"
![畫像 [4]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141301602-image.png)
- コードエディタを有効にする(Enable Code Editor)
![畫像 [5]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141343477-image.png)
- 輸入 PHP もしかしたら カスケーディングスタイルシート 例えば、コード:
<?
/* CSS スタイルエリア */
</style
この方法は、構(gòu)造的または機(jī)能的なコードを追加するのに適している。 HTML ブロックまたはスタイルのルール。
ページビルダーでコンテンツをデザインする
Beaver BuilderやElementorなどのページビルダーを使用してグラフィックコンテンツをデザインした後、指定したフック位置へのバインドをサポートします。
![畫像 [6]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141446815-image.png)
例えば、宣伝用のバナーや購読フォームをデザインし、ブログのコンテンツの下に表示する。
![畫像 [7]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141504379-image.png)
注:ビルダーが以下をサポートしていることを確認(rèn)してください。 サイトビルダー タイプ読み込まれない場合は、固定リンクの設(shè)定を更新してみてください。
フックレイアウトの設(shè)定オプション
編集畫面の右上にある アストラ アイコンをクリックして設(shè)定パネルにアクセスし、フックの場所を設(shè)定します:
- 配置:フック名を選択または入力(例
astra_entry_content_after(アストラ?エントリー?コンテンツ?アフター
) - 優(yōu)先順位:値が小さいほど、実行順序が高くなる。
- スペーシング:コンテンツの上下のスペーシングを設(shè)定します。
![畫像 [8]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141601336-image.png)
これらのオプションは、コンテンツをページ上に正確に配置するのに役立ちます。
表示條件の設(shè)定
サイトビルダーのフックは、さまざまな表示條件のコントロールをサポートしています:
- 表示オン:どのページに表示するかを選択
- Do Not Display On:表示しないページを設(shè)定します。
- ユーザー?ロール:限定されたアクセス?ロール(例:訪問者のみ)
- デバイスの可視性:デスクトップ、タブレット、攜帯電話にチェックを入れることができます。
- 時(shí)間帯制御:開始時(shí)刻と終了時(shí)刻を設(shè)定可能
![畫像 [9]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141611279-image.png)
例:サイト全體に表示される宣伝メッセージを追加したい。 404 ページには、ログインしていないユーザーのみが利用可能であると表示されている
構(gòu)成は以下の通り:
- 表示:ウェブサイト全體
- 表示しない:404ページ
- ユーザーの役割:ログアウト
![畫像[10]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする](http://gqxi.cn/wp-content/uploads/2025/04/20250410141620295-image.png)
このアプローチは、オンデマンドでコンテンツの可視性をコントロールするのに適している。
概要
レバレッジ アストラ?プロ サイト?ビルダー?モジュールは、カスタム?コンテンツを柔軟に挿入し、サイトの構(gòu)造とレイアウトを管理することができます。コード段落であれ、グラフィックモジュールであれ、追加プラグインに頼ることなく、プレゼンテーションのニーズを満たすことができます。
お問い合わせ | |
---|---|
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttp://gqxi.cn/ja/49581この記事は著作権で保護(hù)されており、必ず帰屬表示を付けて複製してください。
コメントなし