テーマオプション フッタースタイリング

Footer Styling

ホーム/Theme Options/Footer/テーマオプション フッタースタイリング
  • テーマオプション フッタースタイリング
画像はクリックすることでLightbox内に大きく表示することができます。

このコンテンツでは、【テーマオプション フッタースタイリング】全11のオプションについて解説をしています。

このオプションは、フッターエリアのボーダーカラーやテキストカラーといったスタイリングをしていきます。

フッターエリアのコンテンツについては、テーマオプション フッターコンテンツから設定することができます。また、フッターの背景に画像を使用したい場合は、テーマオプション フッター背景画像も併せてご覧下さい。

サクッと画像で概要を見たい方はこちら

1.100% Footer Width / フッターの幅 100%

このオプションを有効にすると、ウィンドウサイズにしたがってフッターエリアが100%幅で表示されます。オフだとテーマオプションのLayout(レイアウト)→ Site Width(サイト幅)で設定している値になります。

2.Footer Widget Divider Color / 区切りカラー

フッターウィジェットエリアの区切りカラー

このオプションを有効にすると、著作権コンテンツを表示します。

表示するコンテンツについては、【8.Copyright Text / 著作権エリアのテキスト】で設定することができます。

3.Padding / パディング

3-1 Footer Padding

フッターウィジェットエリアのパディング

このオプションは、フッターのウィジェットエリアの上下左右のパディングを設定します。

画像の紫部分がパディングで、上90px・左右30px・下40pxの設定となっています。

3-2 Copyright Padding

著作権エリアのパディング

このオプションは、フッターの著作権エリアの上下のパディングを設定します。

画像の紫部分がパディングで、上24px・下16pxの設定となっています。

4.Background Color / 背景色

4-1 Footer Background Color

フッターウィジェットエリアの背景色

このオプションは、フッターのウィジェットエリアの背景色を設定します。

画像は、rgba(0,0,0,0.5)の設定となっています。

4-2 Copyright Background Color

著作権エリアの背景色

このオプションは、フッターの著作権エリアの背景色を設定します。

画像は、#282a2bの設定となっています。

5.Border Size / ボーダーサイズ

5-1 Footer Border Size

フッターウィジェットエリアのボーダートップのサイズ

このオプションは、フッターのウィジェットエリアのボーダートップのサイズを設定します。

画像は、10pxの設定となっています。

5-2 Copyright Border Size

著作権エリアのボーダートップのサイズ

このオプションは、フッターの著作権エリアのボーダートップのサイズを設定します。

画像は、15pxの設定となっています。

6.Border Color / ボーダーカラー

6-1 Footer Border Color

フッターウィジェットエリアのボーダーカラー

このオプションは、フッターのウィジェットエリアのボーダートップのカラーを設定します。

画像は、#e9eaeeの設定となっています。

6-2 Copyright Border Color

著作権エリアのボーダーカラー

このオプションは、フッターの著作権エリアのボーダートップのカラーを設定します。

画像は、#4b4c4dの設定となっています。

7.Footer Headings Typography / 見出しのフォント設定

フッター 見出しのフォント設定

このオプションは、フッターウィジェットエリアの見出しのフォント設定をします。

フォント設定の各項目については、【テーマオプション 本文のフォント設定】をご覧ください。

8.Font Color / フォントカラー

8-1 Footer Font Color

フッターウィジェットエリアのフォントカラー設定

このオプションは、フッターのウィジェットエリアの見出し以外のフォントカラーを設定します。

画像は、#8c8989の設定となっています。

8-2 Copyright Font Color

著作権エリアのフォントカラー設定

このオプションは、フッターの著作権エリアのフォントカラーを設定します。

画像は、#8c8989の設定となっています。

9.Link Color / リンクカラー

9-1 Footer Link Color

フッターウィジェットエリアのリンクテキストのカラー設定

このオプションは、フッターのウィジェットエリアのリンクテキストのカラーを設定します。

画像は、#03a9f4の設定となっています。

9-2 Copyright Link Color

著作権エリアのリンクテキストのカラー設定

このオプションは、フッターの著作権エリアのリンクテキストのカラーを設定します。

画像は、#ffffffの設定となっています。

10.Link Hover Color / リンクホバーカラー

10-1 Footer Link Hover Color

フッターウィジェットエリアのリンクテキストのホバーカラー設定

このオプションは、フッターのウィジェットエリアのリンクテキストのホバーカラーを設定します。

画像は、#67b7e1の設定となっています。

10-2 Copyright Link Hover Color

著作権エリアのリンクテキストのホバーカラー設定

このオプションは、フッターの著作権エリアのリンクテキストのホバーカラーを設定します。

画像は、#03a9f4の設定となっています。

11.Copyright Font Size / 著作権エリアのフォントサイズ

このオプションは、著作権エリアで使用するテキストのフォントサイズを設定します。

コメントする