アストラ・プロ・ページヘッダー機能詳細

アストラ・プロ このプラグインはページヘッダーモジュールを提供し、ウェブサイトのページヘッダーフィールドを作成します。キャプションスタイルパンくずナビゲーション背景設定やレイアウト方法など、さまざまなページ構成や表示ニーズに対応できる。

前提条件

このモジュールを使用するには、Astraテーマと アストラ・プロ プラグインを有効にし、バックエンドでページヘッダーモジュールを有効にします。

可能なステップ

• Astra Pro プラグインをインストールし、有効化する。
• バックオフィスへのアクセス アストラ > Astra Proモジュール、ページヘッダーモジュールを有効にします。

• 設定 "ボタンをクリックして、ページヘッダーの設定インターフェイスに入ります。

ページヘッダー設定プロセス

• クリック "新規追加「新規追加フッターに名前を与えた。

• ページヘッダー、サイトヘッダー、表示ルールの設定
• リリースの保存

ページタイトルレイアウト

ページヘッダー
ページタイトルとパンくずを上下に、中央に配置

インライン
見出しとパン粉左右にそれぞれ表示

パンくずナビゲーション

訪問者が素早く親コンテンツに戻れるように、現在地のパスを表示できるようにする。

ヘッダーとパンくずの色

テキストカラーは、ページのカラースキームに合わせて個別に設定できます。

背景設定

カスタムサイズ
上下の内マージンを設定し、ヘッダーの高さを自由にコントロールできる。

フルスクリーンモード
ヘッダー部分をフルスクリーンの背景として表示する

色と背景
無地の背景を設定したり、背景画像をアップロードすることができます。

オーバーレイカラー
透明なオーバーレイカラーを画像に追加してコントラストを強調する

背景画像の置き換え
自動的に記事またはウェブページ背景の画像

視差スクロール
スクロール中に背景がさまざまな速度で動くことで、ページの視覚的なダイナミクスを高めている。

サイトヘッダー（サイトヘッダー）関連設定

マージ・ヘッダー
有効にすると、ページヘッダーはサイトヘッダーと連動して表示され、背景は自動的にヘッダーエリア全体に適用される
ページ上部の視覚的な統一感、透明ナビゲーションのデザインスタイルに適しています。

ロゴの構成
サイト固有のアップロードをサポート ロゴ幅はノーマルとRetina HDで別々に設定できる。

メニュー設定

メインメニューの色
カスタマイズ可能な背景色、リンク色、ホバー色など。

サブメニューの色（v2.5.0以降）
メインメニューと上下のヘッダーエリアにサブメニューを提供する。メニューカラー設定

メニュー内容の選択
デフォルトのメインメニューを置き換えたり、他のメニューを選択して表示することができる

カスタムメニュー項目の追加
メニューの最後にテキストを追加できる、HTMLコンテンツ、ボタン、検索アイコン、ウィジェットなど。

モバイルでメニュー項目を独立して表示する
カスタムメニューの項目は、モバイルではメインメニューとは別に表示され、簡単に利用できる。レスポンシブオープニング

表示制御

ページ状態表示
特定のヘッダーを表示するページ、記事、カテゴリを選択する

ユーザーの役割による表示
ユーザーの役割に応じて表示範囲を設定することができます。例えば、訪問者とログインユーザーでは、表示できるコンテンツが異なります。

概要

ページヘッダーモジュールはアストラページタイトルのデザインは自由度が高く、ブログのトップページ、サービスページ、ブランド紹介などのシーンに適しています。背景画像に合わせます、オープニングスタイルとメニューのカスタマイズは、視覚的に魅力的なページの最初の画面を作成することができます。

関連記事

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み