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

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

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

アクティベーションの前に、以下の準備が必要です：

• 取付 アストラ ごかんけいせいぼおん
• Astra Pro プラグインをインストールし、有効化する。
• ある ワードプレス コンソールで Astra > Astra Pro Modules に移動し、Site Builder モジュールを有効にします。

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

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

サイト・ビルダーは、例えば、いくつかの構造編集ポータルを提供する：

• ヘッダー
• フッター
• 404ページ
• フック
• シングルテンプレートとアーカイブテンプレート

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

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

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

• サイトビルダーを開く
• フックモジュールに移動し、"レイアウト作成"

• コードエディタを有効にする（Enable Code Editor）

• 輸入 PHP もしかしたら カスケーディングスタイルシート 例えば、コード：

<?
/* CSS スタイルエリア */
</style
<?
/* CSS スタイルエリア */
</style
<?
/* CSS スタイルエリア */
</style

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

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

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

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

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

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

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

• 配置：フック名を選択または入力（例 astra_entry_content_after（アストラ・エントリー・コンテンツ・アフター)
• 優先順位：値が小さいほど、実行順序が高くなる。
• スペーシング：コンテンツの上下のスペーシングを設定します。

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

表示条件の設定

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

• 表示オン：どのページに表示するかを選択
• Do Not Display On：表示しないページを設定します。
• ユーザー・ロール：限定されたアクセス・ロール（例：訪問者のみ）
• デバイスの可視性：デスクトップ、タブレット、携帯電話にチェックを入れることができます。
• 時間帯制御：開始時刻と終了時刻を設定可能

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

構成は以下の通り：

• 表示：ウェブサイト全体
• 表示しない：404ページ
• ユーザーの役割：ログアウト

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

概要

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