R(サブ)サイドバー設定(基本設定)

『TAテーマ001: Version 2.07以降』の『レスポンシブデザイン』(サブ)サイドバー設定(基本設定)の説明です。サイドバーとサブサイドバーはほぼ同じ動作のためまとめて説明します。(異なる場合は説明内に明記します)

 

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

(サブ)サイドバー基本設定

(サブ)サイドバー背景色・背景画像

R(サブ)サイドバー設定(基本設定)(サブ)サイドバー基本設定

実例

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

① (サブ)サイドバー最新投稿ダイジェスト定位置表示 ※ 通常画面で表示されている場合に有効です。

② サイドバー各種投稿ダイジェスト定位置一括表示 ※ 通常画面で表示されている場合に有効です。

② サブサイドバー各種投稿ダイジェスト定位置一括表示 ※ 通常画面で表示されている場合に有効です。

③ (サブ)サイドバーウィジェットエリアの表示 ※ 通常画面で表示されている場合に有効です。

④ (サブ)サイドバーコンテンツ間隔 ※ レスポンシブデザイン時の(サブ)サイドバーコンテンツ内で使用されるクラス”fixed-space”の値になります。

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

⑥ PC設定流用 or (サブ)サイドバー専用:”(サブ)サイドバー専用を使用する”にチェックを入れると⑦~⑪の設定が有効になります。

⑦~⑪ 専用パラグラフに関する設定です。

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

⑫ (サブ)サイドバーの上側余白

⑬ (サブ)サイドバーの下側余白

⑭ (サブ)サイドバーの上下枠幅(上下に同じ幅ののりしろが出来る)

⑮ (サブ)サイドバーウィジェットエリアのセンタリング(センタリングできないウィジェットもあります)

⑯ (サブ)サイドバー上側(アディショナルモード時は下側)に区切り線を表示する

⑰ 区切り線の種類

⑱ 区切り線の太さ

⑲ 区切り線の色

R(サブ)サイドバー設定(基本設定)(サブ)サイドバー背景色・背景画像

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

① 背景色

② 背景画像

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

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

  • LINEで送る


ta_thm001_downloadta_designing