Astraテーマで透明ヘッダーを有効にする方法

をとおしてアストラテーマバージョン1.6.0から、透明ヘッダーオプションがAstraテーマの無料版の一部となりました。アストラ・プロアドオン・プラグインが利用可能です。透明ヘッダー機能は、サイトの視覚的な魅力を高める、より魅力的でモダンなページトップを作成することができます。

透明タイトルの仕組み

透明タイトル機能を有効にするとメインヘッダーの背景が透明になるをクリックすると、ページコンテンツが上部にプッシュされ、ページ上部のコンテンツが透明ヘッダーの背景になります。ページの上部領域に画像が含まれている場合、その画像は自動的に上部に引っ張られ、透明ヘッダーの背景画像として設定されます。

透明ヘッダーを有効にする

透明ヘッダーを有効にする手順は非常に簡単で、以下に正確な設定手順を示す：

ステップ1：カスタマイザーに進む

ある 外観 > カスタマイズ > タイトル > 透明透明タイトルオプションはヘッダーにあります。
透明ヘッダーセクションでは、透明ヘッダー機能を有効にし、別のロゴを設定し、下部のボーダーカラーを追加することができます。

ステップ2：デバイス表示の選択

透明ヘッダーを表示するデバイスを選択する。 デスクトップそしてモバイル もしかしたら デスクトップとモバイル ショー

透明見出しのレイアウトとスタイル

透明ヘッダーは背景を変えるだけでなく、より多くのカスタマイズオプションを提供します：

透明ヘッダーを有効にする

サイト全体で透明ヘッダーを有効にするこのオプションにチェックを入れると、サイト全体に透明な見出しが表示されます。
透明ヘッダーを無効にする特定のページや投稿の透明ヘッダーを無効にする：
- 404検索とアーカイブページ.
- ブログホーム.
- 全ページもしかしたらすべての記事.

カスタムスタイル

異なるロゴトランスペアレント・ヘッダーが有効な場合、デフォルトの表示は次のようになります。 レイアウト > タイトル > サイトロゴ 透明タイトルに別のロゴを設定したい場合は、設定で調整できる。
下のボーダーのサイズと色透明の見出しには下枠を設定して、より洗練されたデザインにすることができます。

透明ヘッダーの色と背景の設定

カスタマイザーでは、以下のような透明見出しのカラーオプションを調整できます：

背景色透明タイトルの背景色を設定します。
サイトタイトルの色サイトタイトルの色を設定します。
メニュースタイルメニューの背景色、文字色、リンクのホバーカラーなどを調整します。
サブメニューのスタイルサブメニューの背景色とリンクの色を調整します。

ほら

透明なタイトルレイアウト透明ヘッダーはグローバル・レイアウト設定 (グローバル > タイポグラフィ > ベーシック・タイポグラフィ).
ページメタ優先順位設定透明ヘッダーはページメタ設定を制御します。この設定は、カスタマイザーのグローバル設定よりも優先されます。

概要

透明なタイトル機能は、ウェブサイトの視覚的な外観を劇的に改善し、よりモダンでプロフェッショナルに見せることができます。簡単な設定で、ユーザーは簡単に透明ヘッダーを有効にし、スタイルと色を調整し、異なるページやデバイス上でウェブサイトを見栄えよくすることができます。問題が発生した場合は、サポートチームまでお気軽にお問い合わせください。

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