SWELLでフッターのカスタマイズ方法｜3つある機能をデザインして利便性を高めよう

「フッターのカスタマイズ方法は？」

「スマホ画面で固定フッターを表示させたい」

「フッターに設置するおすすめのコンテンツを教えて…」

この記事では、そんな方に向けて、SWELLでフッターのカスタマイズ方法を解説します。

この記事を読めば、あなたも簡単に

• 利便性の高いフッターを作れる

ようになります。

私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、いろいろアレンジできるようになりました。

どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！

フッターを設定できるメニュー機能の用語と使い方が分からない場合は、さきに下の記事からご覧ください。

また以下の記事では、SWELL導入後にやるべき初期設定をまとめて紹介しています。

【全体像】SWELLのフッターでカスタマイズできる3つの機能

SWELLでは、以下3つの機能を使って、フッターをカスタマイズできます。

• カスタマイザーでは…フッターの色やコピーライトの設定
• メニュー機能では…フッターに設置したいページ（プライバシーポリシーやお問い合わせフォームなど）の配置
• ウィジェット機能では…フッターに設置したいコンテンツ（人気記事や広告など）の配置

ができます。

SWELLフッターのカスタマイズ方法-カスタマイザー編-

カスタマイザーでSWELLのフッターをカスタマイズする方法は、下記のとおりです。

カスタマイザーでフッターをカスタマイズできる項目は、以下4つあります。

それぞれ詳しく解説します。

背景色・文字色を設定する

以下4項目の背景色・文字色をカスタマイズできます。

コピーライトのテキストを変える

以下のように、コピーライトで表示される©以下のテキストを自由にカスタマイズできます。

コピーライトとは…文章や画像などの著作権のこと。主にサイト名やサイト運営日を明示する。

コピーライトは、シンプルに「©サイト名」でOKです。

フッターの余白をなくす

以下のように、「フッター」と「フッター直前ウィジェット」の間の余白をなくすことができます。

SNSアイコンリストを表示する

以下のように、フッターにSNSアイコンリストを表示できます。

＼クリック／

SWELLフッターのカスタマイズ方法-メニュー機能編-

メニュー機能でSWELLのフッターをカスタマイズする方法は、下記のとおりです。

固定フッター(スマホ)をカスタマイズする

SWELLでは、以下のようにスマホ画面で固定フッターを設置できます。

今では、ほとんどの人がスマホを所有しているので、PCよりもスマホからあなたのサイトを見られる数が多いこともあります。

ですので、スマホユーザーの利便性を高めるためにも、固定フッターの設置は必須です。

メニュー機能でSWELLの固定フッターをカスタマイズする方法は、下記のとおりです。

固定フッターに設置する項目数は、4つがおすすめです。

なぜなら、あまり多すぎると窮屈になったり、項目名が2行になって格好悪くなるからです。

逆に少なすぎると、ブログの回遊率が期待できなくなったり、ページが見つかりにくくなることも…

ですので、固定フッターに設置する項目数は、4つにしましょう。

ちなみに、設置する項目は、私の場合

• トップページ
• 𝕏（旧Twitter）
• お問い合わせフォーム
• メニューバー

にしていますが、

• アフィリエイトリンク
• 人気記事

などもおすすめですよ。

SWELLフッターのカスタマイズ方法-ウィジェット機能編-

SWELLのウィジェット機能でカスタマイズできるフッターは、

• PC表示の場合…3ヵ所
• スマホ表示の場合…1か所

あります。

それぞれの設定方法は、下記のとおりです。

フッター(PC)ウィジェットの詳細

フッター（PC）は3つあり、それぞれの場所は以下のとおりです。

3つとも利用すれば、左右中央で均等に配置されます。

ここで重要なポイントは、フッター（PC）を3つとも利用しなくてもいいということです。

例えば、「フッター（PC）1」だけ利用しても、左に偏って表示されるわけではなく、左右中央すべてで表示されます。

フッター(スマホ)ウィジェットの詳細

フッター（スマホ）を設定すれば、PCとは違うフッターを表示できます。

ただ、フッター（スマホ）が未設定の場合、「フッター（PC）1~3」が数字順に縦並びに表示されます。

フッター直前ウィジェットをカスタマイズする

SWELLでは、フッターの直前にもコンテンツを配置できます。

設定方法は、以下のとおりです。

フッター直前には、Googleアドセンス広告を設置して収益UPを目指したり、ユーザーに読んでほしい記事を配置してPV数を上げるなどがおすすめですよ。

SWELLフッターのカスタマイズ方法まとめ

今回は、SWELLでフッターのカスタマイズ方法を紹介しました。

本記事で紹介した内容と同じくらい重要なヘッダーメニュー（グローバルナビ）の設定がまだの人は、以下の記事もご覧ください。

当ブログでは、SWELLに関する記事をいくつか書いてます。

下のカテゴリーページにまとめていますので、のぞいてみてください。