Rメイン(トップ)設定(基本設定)

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

 

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

メイン(トップページ)基本設定

メイン背景色・背景画像

Rメイン(トップ)設定(基本設定)メイン(トップページ)基本設定

実例

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

① トップキャッチエリアの表示方法:チェックを入れるとレスポンシブデザイン時に縦に独立表示をします。その際の画像幅は右欄②に設定します。※ 端末表示幅に対する比率です。非表示は0を入力します。

③ 画像と説明付きメニューAの表示方法:チェックを入れるとレスポンシブデザイン時に縦に独立表示をします。その際の画像幅は右欄④に設定します。※ 端末表示幅に対する比率です。非表示はカスタム投稿編集ページで設定します。

⑤ 画像と説明付きメニューBの表示方法:チェックを入れるとレスポンシブデザイン時に縦に独立表示をします。その際の画像幅は右欄⑥に設定します。※ 端末表示幅に対する比率です。非表示はカスタム投稿編集ページで設定します。

⑦ トップページ最新投稿ダイジェスト定位置表示:チェックを入れるとレスポンシブデザイン時に表示します。※ 通常画面で表示されている場合に有効です。

⑧ トップページ各種投稿ダイジェスト定位置一括表示:チェックを入れるとレスポンシブデザイン時に表示します。※ 通常画面で表示されている場合に有効です。

⑨ トップページウィジェットエリアの表示:チェックを入れるとレスポンシブデザイン時に表示します。※ 通常画面で表示されている場合に有効です。

⑩ トップページコンテンツ間隔 ※ レスポンシブデザイン時のトップページのメインコンテンツ内で使用されるクラス”fixed-space”の値になります。

⑪ メインコンテンツ間隔 ※ レスポンシブデザイン時のトップページ以外のメインコンテンツ内で使用されるクラス”fixed-space”の値になります。

⑫ メインコンテンツのレスポンシブデザイン共通フォントサイズ(メインコンテンツ内の一般フォントに適応されます)

⑬ PC設定流用 or メイン専用:”メイン専用を使用する”にチェックを入れると⑭~⑱の設定が有効になります。

⑭~⑱ 専用パラグラフに関する設定です。

※ パラグラフとは<p> </p>で挟まれている箇所のことです。

⑲ パンくずナビのフォントサイズ(メインコンテンツレスポンシブデザイン共通フォントサイズに対する比率)

⑳ メインコンテンツの上側余白

㉑ メインコンテンツの下側余白

㉒ コンテンツエリアの上下枠幅(上下に同じ幅ののりしろが出来る)

㉓ トップページウィジェットエリアのセンタリング(センタリングできないウィジェットもあります)

Rメイン(トップ)設定(基本設定)メイン背景色・背景画像

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

① 背景色

② 背景画像

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

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

  • LINEで送る


ta_thm001_downloadta_designing