SWELLのフッター設定方法|コピーライト・SNSアイコン・色の変更を解説

SWELLのフッター設定画面をイメージしたアイキャッチ画像。コピーライト・SNSアイコン・背景色・文字色の変更方法を解説

こんにちは "osaboo"osabooです。"@osaboo_Bot"

SWELLのフッターは、コピーライトやSNSアイコン、背景色などを簡単にカスタマイズできる便利な機能です。

Question

フッターの設定画面が見つからない…
コピーライトって変更した方がいいの?
SNSアイコンを表示するにはどうすればいい?

SWELLのフッターは、コピーライトやSNSアイコン、フッターウィジェットなどを表示できる重要なエリアです。

サイトのデザインを整えるだけでなく、プロフィールやメニューへの導線を設置することで、読者の利便性向上にもつながります。

この記事では、SWELLのフッター設定でできることや設定方法、初心者におすすめの設定例まで画像付きでわかりやすく解説します。

こんな人におすすめ
  • SWELLのフッター設定方法を知りたい
  • コピーライトを変更したい
  • SNSアイコンを表示したい
  • フッターを見やすくカスタマイズしたい
この記事でわかること
  • SWELLのフッター設定でできること
  • 背景色と文字色の変更方法
  • コピーライトの設定方法
  • SNSアイコンの表示方法
  • おすすめのフッター設定例
目次 "Contents"

SWELLのフッター設定でできること

SWELLでは、フッターエリアのデザインや表示内容を自由にカスタマイズできます。

フッターはページ下部に表示されるため目立たないように感じるかもしれませんが、サイトの印象や使いやすさに大きく影響する重要なエリアです。

SWELLのフッター設定では主に以下の内容を変更できます。

  • フッター背景色
  • フッター文字色
  • コピーライト
  • SNSアイコン
  • フッター全体のデザイン

専門知識は不要で、カスタマイザーから簡単に設定できます。

SWELLのフッター設定画面を開く方法

まずは、WordPress管理画面からフッター設定画面を開きます。

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

886-6||WordPress管理|ダッシュボード|外観|カスタマイズ

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

「カスタマイザー」画面で以下の手順で進み、詳細を設定します。

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

フッター
➡︎

385-1|カスタマイザー|フッター
yajirusi-yoko-40x80

詳細設定項目

385-2a|カスタマイザー|フッター|詳細設定項目

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

補足

フッターとは、ウェブサイトの一番下の部分(ページ下部)のことを指します。

通常、以下のような内容を表示します。

  • 著作権情報(例:© 2024 会社名)
  • 連絡先(メールアドレスや電話番号)
  • リンク集(プライバシーポリシー、利用規約、FAQなどへのリンク)
  • SNSアイコン(Facebook、Twitterなどのリンク)

フッターは、サイト全体に共通して表示されるため、重要な情報やリンクを提供するためのエリアです。

フッターの詳細設定項目

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

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

フッターの詳細設定項目
  1. カラー設定
  2. コピーライト設定
  3. その他の設定

カスタマイザーの設定を変更したら必ず、『公開』!その他の設定を変更したら必ず、設定ページの『変更を保存』!…を忘れずにクリックしましょう。

それではご覧ください。

カラー設定

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

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

385-3|カスタマイザー|フッター|詳細設定項目
カラー設定
フッター背景色

カラーパレットから選択できます。

  • #fdfdfd(デフォルト)
フッター文字色

カラーパレットから選択できます。

  • #333333(デフォルト)
ウィジェットエリアの背景色

カラーパレットから選択できます。

  • #RRGGBB(クリア)(デフォルト)
ウィジェットエリアの文字色

カラーパレットから選択できます。

  • #RRGGBB(クリア)(デフォルト)

カラー設定は、以下のエリアに反映されます。

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

385-6|フッター|カラー設定|フッター|ウィジェットエリア|デフォルト

フッター背景色

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

385-7|フッター|カラー設定|フッター背景色|ウィジェッエリアの背景色(クリア)
yajirusi-sita-80x40

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

385-8|フッター|カラー設定|フッター背景色|ウィジェッエリアの背景色(指定)

フッター文字色

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

385-9|フッター|カラー設定|フッター文字色|ウィジェッエリアの文字色(クリア)
yajirusi-sita-80x40

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

385-10|フッター|カラー設定|フッター文字色|ウィジェッエリアの文字色(指定)

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

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

385-11|フッター|カラー設定|ウィジェッエリアの背景色

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

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

385-12|フッター|カラー設定|ウィジェッエリアの文字色

コピーライト設定

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

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

385-4|カスタマイザー|フッター|詳細設定項目
コピーライト設定
コピーライトのテキスト
  • サイト名.(デフォルト)

コピーライトのテキストは、以下のエリアに反映されます。

385-13|コピーライト設定|コピーライトのテキスト

その他の設定

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

385-5|カスタマイザー|フッター|詳細設定項目
その他の設定
「フッター」と「フッター直前ウィジェット」の間の余白をなくす
  • OFF(デフォルト)
    (フッター直前ウィジェットがある場合有効)
フッターにSNSアイコンリストを表示する
  • OFF(デフォルト)

その他の設定は、以下のエリアに反映されます。

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

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

385-14|その他の設定|フッターにSNSアイコンリストを表示する

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

フッターメニューを表示するには、事前にメニューを作成しておく必要があります。まだ設定していない場合は、以下の記事を参考にしてください。

初心者におすすめのフッター設定例

どのような設定にすればよいか迷う場合は、まずはシンプルな構成がおすすめです。

項目おすすめ設定
背景色白または薄いグレー
文字色黒または濃いグレー
コピーライトサイト名
SNSアイコン表示する
デザインシンプル

装飾を増やしすぎると見づらくなるため、まずは必要最低限の設定から始めましょう。

サイト運営に慣れてきたら徐々にカスタマイズしていくのがおすすめです。

フッター設定が終わったら、以下の設定もあわせて見直してみましょう。

ヘッダー・フッター・サイドバーのデザインを統一すると、サイト全体に統一感が生まれ、より見やすく使いやすいサイトになります。

SWELLのフッター設定に関するよくある質問

SWELLのコピーライトは変更できますか?

はい。SWELLのカスタマイザーからコピーライトのテキストを自由に変更できます。サイト名や運営者名、著作権表記などを設定可能です。

SWELLのフッターメニューはどこで設定しますか?

フッターメニューは「外観 → メニュー」で作成し、メニューの表示位置で「フッター」を選択して設定します。

SWELLのフッターにSNSアイコンを表示できますか?

はい。カスタマイザーのSNS設定と連携することで、フッターにSNSアイコンを表示できます。

フッターウィジェットとフッター設定の違いは何ですか?

フッター設定はコピーライトやメニューなどフッター全体の設定を行う機能です。一方、フッターウィジェットはプロフィールや人気記事などのコンテンツを配置するための機能です。

まとめSWELLカスタマイザーの使い方|フッター設定のポイントを初心者向けに解説

SWELLのフッター設定を活用すると、サイトの見た目や使いやすさを簡単に向上できます。

今回紹介した内容の中でも、まずは以下の3つを設定しておきましょう。

  • コピーライトを設定する
  • SNSアイコンを表示する
  • 背景色と文字色を調整する

フッターは読者が最後に目にするエリアです。適切に設定して、見やすく信頼感のあるブログを目指しましょう。

  • URLをコピーしました!
  • URLをコピーしました!
目次 "Contents"