SWELL カスタマイザー完全ガイド｜フッターのポイントと使い方！まとめてみた。

SWELLのカスタマイザーでできる「フッター」のポイントと使い方を初心者向けに解説します。

それではご覧ください。

カスタマイザーについて

カスタマイザーについては、こちらで概要をご紹介しているのでご覧ください。

カスタマイザーの起動手順

カスタマイザーを起動する手順は次のとおりです。

Menu『WordPress管理＞ダッシュボード＞外観＞カスタマイズ』をクリックします。

カスタマイザーが起動すると、エディター画面の左側に以下の画面が表示されます。

この記事では、「フッター」タブの詳細項目について紹介していきます。（赤破線部）

それでは、順番に見ていきましょう。

フッター

• カスタマイザー起動後の手順になります。

フッターでは、フッターエリアの各要素の色やコピーライト・余白・SNSアイコンを設定できます。

それでは、『フッター』の詳細設定画面の各項目を順番にご紹介します。

カラー設定

カラー設定では、フッターの背景色と文字色を設定できます。

『カラー設定』の設定画面と設定項目は以下の通りです。

カラー設定は、以下の箇所に反映されます。参考

フッターと（フッター）ウィジェットエリアのから設定がデフォルトの場合以下のように表示されます。

フッター背景色

ウィジェットエリアの背景色がデフォルト（クリア）の状態で、フッター背景色を『黄』に変更するとエリア全体の色が変更されます。

ウィジェットエリアの背景色を指定することで、フッターエリアとウィジェットリアの色分けが可能です。
（サンプルでは、フッター背景色『黄』、ウィジェットエリアの文字色『緑』にしています）

フッター文字色

背景と同様にウィジェットエリアの文字色がデフォルト（クリア）の状態で、フッター文字色を『緑』に変更するとエリア全体の色が変更されます。

ウィジェットエリアの文字色を指定することで、フッターエリアとウィジェットリアの色分けが可能です。
（サンプルでは、フッター文字色『緑』、ウィジェットエリアの文字色『紫』にしています）

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

ウィジェットエリアの背景色を『黄』に変更するとウィジェットエリアの背景色のみ色が変更されます。

ウィジェットエリアの文字色

ウィジェットエリアの文字色を『緑』に変更するとウィジェットエリアの文字色のみ色が変更されます。

コピーライト設定

コピーライト設定では、フッターに表示されるコピーライトのテキストを変更できます。

『コピーライト設定』の設定画面と設定項目は以下の通りです。

コピーライトのテキストは、以下の箇所に反映されます。参考

その他の設定

その他の設定では、ウィジェットエリア上部（フッター直前ウィジェットがある場合有効）の余白設定とフッターに SNSアイコンを表示させることができます。

その他の設定は、以下の箇所に反映されます。参考

※ フッターウィジェットを設置している場合、ウィジェットエリアの上部の余白設定が可能です。
（画像は割愛します）

フッターエリアの上部中央にSNSアイコンが表示されます。

SNSアイコンを表示するには、カスタマイザーの『SNS情報＞SNSリンク設定』で、表示したいアイコンのURLを設定する必要があります。

まとめ！SWELL カスタマイザー完全ガイド｜フッターのポイントと使い方！まとめてみた。

SWELLのカスタマイザーでできる「フッター」のポイントと使い方をご紹介しました。

カラー設定とSNSのアイコン表示程度の簡単な設定が主になります。フッターをカスタマイズするためには他の設定が多々必要です！

トータル的な設定は、以下の記事でご紹介しています。あわせてご覧ください。

この記事では、カスタマイザーでできる設定のみをご紹介しているので、カスタマイザーの理解を深めるためにお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。＼^^／