Rヘッダー設定(基本設定)

『TAテーマ001: Version 2.07以降』の『レスポンシブデザイン』ヘッダー設定(基本設定)の説明です。

 

ご覧になりたい項目をクリックしてください

ヘッダー基本設定

ヘッダーバナーエリア背景色・画像

Rヘッダー設定(基本設定)ヘッダー基本設定

実例

responsive_header2

レスポンシブデザイン有効時のヘッダー基本設定です。項目を入力して設定ページの下部にある”レスポンシブデザイン『ヘッダー』設定更新”をクリックすると選択が確定します。

① ヘッダーの表示(グローバルメニューとヘッダー画像(ヘッダーフリーエリア)は含みません)※ 通常画面で表示されている場合に有効です。

② ヘッダーのレスポンシブデザイン共通フォントサイズ(ヘッダー内の一般フォントに適応されます)

③ PC設定流用 or ヘッダー(レスポンシブ)専用:有効にすると当設定(ヘッダー(レスポンシブ)専用)が選択されます。無効の場合は共通設定が採用されます。

④ ヘッダー(レスポンシブ)パラグラフの高さ(line-height)

⑤ ヘッダー(レスポンシブ)パラグラフの上余白

⑥ ヘッダー(レスポンシブ)パラグラフの下余白

⑦ ヘッダー(レスポンシブ)パラグラフの左余白

⑧ ヘッダー(レスポンシブ)パラグラフの右余白

※ 専用パラグラフ設定はヘッダーフリーエリア内に適応されます

⑨ ヘッダーの上側余白

⑩ ヘッダーの下側余白

R共通設定(基本設定)ヘッダーバナーエリア背景色・画像

レスポンシブデザイン有効時のヘッダーバナーエリア背景色・画像に関する設定です。項目を入力して設定ページの下部にある”レスポンシブデザイン『ヘッダー』設定更新”をクリックすると選択が確定します。

① 背景色

② 背景画像

③ 背景画像の場所と繰り返しルール

④ 背景画像の上下部端からの距離 ※ y方向の繰り返しが無い場合のみ有効です。また、グラデーション配色は背景画像として扱われるため画像と同様にシフトします。

  • LINEで送る


ta_thm001_downloadta_designing