Astra Site Builderでフックを使ってWordPressウェブサイトをカスタマイズする

アストラ で御座います ワードプレス 広く使われている軽量テーマ、Upgrade アストラ?プロ その後、ウェブサイトのカスタマイズを強(qiáng)化することができます。中でも、サイトビルダーモジュールは以下を提供します。 フック ヘッダー、フッター、404ページ、コンテンツテンプレート、その他の構(gòu)造モジュールを作成するために、ウェブサイトの特定の場所にカスタムコンテンツやコードを挿入できる機(jī)能です。

畫像 [1]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

サイト?ビルダー?モジュールの有効化

アクティベーションの前に、以下の準(zhǔn)備が必要です:

  • 取付 アストラ ごかんけいせいぼおん
  • Astra Pro プラグインをインストールし、有効化する。
  • ある ワードプレス コンソールで Astra > Astra Pro Modules に移動し、Site Builder モジュールを有効にします。
畫像 [2]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

有効にすると、メニューに「サイト?ビルダー」項(xiàng)目が表示されます。

サイト?ビルダー?モジュールの概要

サイト?ビルダーは、例えば、いくつかの構(gòu)造編集ポータルを提供する:

  • ヘッダー
  • フッター
  • 404ページ
  • フック
  • シングルテンプレートとアーカイブテンプレート
畫像 [3]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

これらのエリアでは、既存のコンテンツのプレビューや編集だけでなく、新しいレイアウトを作成することもできます。操作は直感的で、サイトの構(gòu)造を頻繁に調(diào)整するシナリオに適しています。

フック?レイアウトを作る2つの方法

コードエディターを使って挿入

  • サイトビルダーを開く
  • フックモジュールに移動し、"レイアウト作成"
畫像 [4]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする
  • コードエディタを有効にする(Enable Code Editor)
畫像 [5]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする
<?
/* CSS スタイルエリア */
</style

この方法は、構(gòu)造的または機(jī)能的なコードを追加するのに適している。 HTML ブロックまたはスタイルのルール。

ページビルダーでコンテンツをデザインする

Beaver BuilderやElementorなどのページビルダーを使用してグラフィックコンテンツをデザインした後、指定したフック位置へのバインドをサポートします。

畫像 [6]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

例えば、宣伝用のバナーや購読フォームをデザインし、ブログのコンテンツの下に表示する。

畫像 [7]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

注:ビルダーが以下をサポートしていることを確認(rèn)してください。 サイトビルダー タイプ読み込まれない場合は、固定リンクの設(shè)定を更新してみてください。

フックレイアウトの設(shè)定オプション

編集畫面の右上にある アストラ アイコンをクリックして設(shè)定パネルにアクセスし、フックの場所を設(shè)定します:

  • 配置:フック名を選択または入力(例 astra_entry_content_after(アストラ?エントリー?コンテンツ?アフター)
  • 優(yōu)先順位:値が小さいほど、実行順序が高くなる。
  • スペーシング:コンテンツの上下のスペーシングを設(shè)定します。
畫像 [8]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

これらのオプションは、コンテンツをページ上に正確に配置するのに役立ちます。

表示條件の設(shè)定

サイトビルダーのフックは、さまざまな表示條件のコントロールをサポートしています:

  • 表示オン:どのページに表示するかを選択
  • Do Not Display On:表示しないページを設(shè)定します。
  • ユーザー?ロール:限定されたアクセス?ロール(例:訪問者のみ)
  • デバイスの可視性:デスクトップ、タブレット、攜帯電話にチェックを入れることができます。
  • 時(shí)間帯制御:開始時(shí)刻と終了時(shí)刻を設(shè)定可能
畫像 [9]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

例:サイト全體に表示される宣伝メッセージを追加したい。 404 ページには、ログインしていないユーザーのみが利用可能であると表示されている

構(gòu)成は以下の通り:

  • 表示:ウェブサイト全體
  • 表示しない:404ページ
  • ユーザーの役割:ログアウト
畫像[10]-Astra Site Builder Hooks Tutorial: WordPressのヘッダーとフッターをコンテンツレイアウトでカスタマイズする

このアプローチは、オンデマンドでコンテンツの可視性をコントロールするのに適している。

概要

レバレッジ アストラ?プロ サイト?ビルダー?モジュールは、カスタム?コンテンツを柔軟に挿入し、サイトの構(gòu)造とレイアウトを管理することができます。コード段落であれ、グラフィックモジュールであれ、追加プラグインに頼ることなく、プレゼンテーションのニーズを満たすことができます。フック これらを組み合わせることで、サイトのコンテンツの統(tǒng)一性を保ちつつ、運(yùn)営効率を高めることができる。


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

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

    コメントなし