当ブログ愛用のWordPressテーマ
広告
＼乗り換え先おすすめテーマ！／
／ブロガーとして本格的に取り組む＼
SWELLの評判レビュー記事
【口コミ多数！】SWELLの評判レビュー｜メリット・デメリットや使ってみた感想まとめ「SWELLを購入しようか迷っている…」 「SWELLのメリット・デメリットは？」 「SWELLを導入すれば何が変わるのか知りたい」 この記事ではそんな方に向けて、SWELLの評判...
SWELLでフッターのカスタマイズ方法｜3つある機能をデザインして利便性を高めよう
「フッターのカスタマイズ方法は？」
「スマホ画面で固定フッターを表示させたい」
「フッターに設置するおすすめのコンテンツを教えて…」
この記事では、そんな方に向けて、SWELLでフッターのカスタマイズ方法を解説します。
かめコンパスこんにちは、かめコンパスです！
この記事を読めば、あなたも簡単に
- 利便性の高いフッターを作れる
ようになります。
私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、いろいろアレンジできるようになりました。
どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！
フッターを設定できるメニュー機能の用語と使い方が分からない場合は、さきに下の記事からご覧ください。
あわせて読みたい
SWELLでメニュー機能の説明と使い方5ステップ【初心者必見】
「メニュー機能の使い方が分からない」 「メニュー機能に知らない用語がある…」 「メニュー機能でヘッダーやフッターをカスタマイズしたい」 この記事では、そんな方に…
また以下の記事では、SWELL導入後にやるべき初期設定をまとめて紹介しています。
あわせて読みたい
SWELLの初期設定｜これさえやっておけば間違いなし！
「最近SWELLを購入した」 「SWELL導入後、何をどう設定すればいいの？」 「SWELLの初期設定が知りたい」 この記事では、そんな方に向けて、SWELLでやっておくべき初期設…
目次
【全体像】SWELLのフッターでカスタマイズできる3つの機能
SWELLでは、以下3つの機能を使って、フッターをカスタマイズできます。
- カスタマイザーでは…フッターの色やコピーライトの設定
- メニュー機能では…フッターに設置したいページ（プライバシーポリシーやお問い合わせフォームなど）の配置
- ウィジェット機能では…フッターに設置したいコンテンツ（人気記事や広告など）の配置
ができます。
かめコンパス各々これから詳しく解説するよ
SWELLフッターのカスタマイズ方法-カスタマイザー編-
カスタマイザーでSWELLのフッターをカスタマイズする方法は、下記のとおりです。
STEP
WordPress管理画面で、外観⇒カスタマイズの順にクリックする
STEP
フッターをクリックする
STEP
表示されたページで設定する
STEP
設定し終えたら、公開をクリックする
これで、フッターのカスタマイズ完了です。
カスタマイザーでフッターをカスタマイズできる項目は、以下4つあります。
それぞれ詳しく解説します。
背景色・文字色を設定する
以下4項目の背景色・文字色をカスタマイズできます。
かめコンパスメインカラーと近しい色にすればサイト全体で統一感を出せるよ
コピーライトのテキストを変える
以下のように、コピーライトで表示される©以下のテキストを自由にカスタマイズできます。
かめコンパス無断転載・無断使用を防止するために必要だよ
コピーライトは、シンプルに「©サイト名」でOKです。
フッターの余白をなくす
以下のように、「フッター」と「フッター直前ウィジェット」の間の余白をなくすことができます。
かめコンパス余白が気になる人は✔しようね
SNSアイコンリストを表示する
以下のように、フッターにSNSアイコンリストを表示できます。
かめコンパス𝕏（旧Twitter）などSNSをしている人におすすめ
＼クリック／
SNSアイコンリストが表示されない場合はこちら
SNSアイコンリストを表示させる方法は、以下のとおり。
STEP
カスタマイザーのSNS情報をクリックする
STEP
表示されたページで、表示させたいSNSアイコンリストのURLを入力する
STEP
公開をクリックする
これで、SNSアイコンリストが表示されます。
SWELLフッターのカスタマイズ方法-メニュー機能編-
メニュー機能でSWELLのフッターをカスタマイズする方法は、下記のとおりです。
STEP
WordPress管理画面で、外観⇒メニューの順にクリックする
STEP
- 「新しいメニューを作成しましょう」をクリック
- 「メニュー名」を入力※なんでもOK
- 「フッター」に✔
- メニューを作成をクリックする
STEP
- をプルダウン
- 「すべて表示」をクリック
- フッターに設定したい項目に✔
- メニューに追加をクリックする
フッターメニューに設置したいおすすめのページ
- トップページ
- プロフィール
- プライバシーポリシー
- お問い合わせフォーム
STEP
- 追加された項目を並び替える
- メニューを保存をクリックする
これで、フッターメニューのカスタマイズ完了です。
固定フッター(スマホ)をカスタマイズする
SWELLでは、以下のようにスマホ画面で固定フッターを設置できます。
今では、ほとんどの人がスマホを所有しているので、PCよりもスマホからあなたのサイトを見られる数が多いこともあります。
ですので、スマホユーザーの利便性を高めるためにも、固定フッターの設置は必須です。
メニュー機能でSWELLの固定フッターをカスタマイズする方法は、下記のとおりです。
STEP
STEP
- をプルダウン
- 「すべて表示」をクリック
- 固定フッターに設定したい項目に✔
- メニューに追加をクリックする
STEP
- 追加された項目を並び替える
- メニューを保存をクリックする
これで、固定フッターメニューのカスタマイズ完了です。
固定フッターに設置する項目数は、4つがおすすめです。
なぜなら、あまり多すぎると窮屈になったり、項目名が2行になって格好悪くなるからです。
逆に少なすぎると、ブログの回遊率が期待できなくなったり、ページが見つかりにくくなることも…
ですので、固定フッターに設置する項目数は、4つにしましょう。
ちなみに、設置する項目は、私の場合
- トップページ
- 𝕏（旧Twitter）
- お問い合わせフォーム
- メニューバー
にしていますが、
- アフィリエイトリンク
- 人気記事
などもおすすめですよ。
SWELLフッターのカスタマイズ方法-ウィジェット機能編-
SWELLのウィジェット機能でカスタマイズできるフッターは、
- PC表示の場合…3ヵ所
- スマホ表示の場合…1か所
あります。
それぞれの設定方法は、下記のとおりです。
STEP
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
STEP
- フッターに追加したい項目のをプルダウン
- 「フッター（PC）1~3」or「フッター（スマホ）」から選ぶ
- ウィジェットを追加をクリックする
STEP
これで、フッターのカスタマイズ完了です。
フッター(PC)ウィジェットの詳細
フッター（PC）は3つあり、それぞれの場所は以下のとおりです。
3つとも利用すれば、左右中央で均等に配置されます。
ここで重要なポイントは、フッター（PC）を3つとも利用しなくてもいいということです。
例えば、「フッター（PC）1」だけ利用しても、左に偏って表示されるわけではなく、左右中央すべてで表示されます。
かめコンパス私もフッター（PC）を1つしか使っていないよ
フッター(スマホ)ウィジェットの詳細
フッター（スマホ）を設定すれば、PCとは違うフッターを表示できます。
ただ、フッター（スマホ）が未設定の場合、「フッター（PC）1~3」が数字順に縦並びに表示されます。
かめコンパス私は未設定にしています…
フッター直前ウィジェットをカスタマイズする
SWELLでは、フッターの直前にもコンテンツを配置できます。
設定方法は、以下のとおりです。
STEP
フッター直前には、Googleアドセンス広告を設置して収益UPを目指したり、ユーザーに読んでほしい記事を配置してPV数を上げるなどがおすすめですよ。
SWELLフッターのカスタマイズ方法まとめ
今回は、SWELLでフッターのカスタマイズ方法を紹介しました。
本記事のおさらい
本記事で紹介した内容と同じくらい重要なヘッダーメニュー（グローバルナビ）の設定がまだの人は、以下の記事もご覧ください。
あわせて読みたい
SWELLでグローバルナビ(ヘッダーメニュー)の設定方法【PC・スマホ別】｜アイコンの挿入でおしゃれさUP！
「グローバルナビのカスタマイズ方法は？」 「スマホでもグローバルナビを設定したい」 「グローバルナビにアイコンやボタンを設置できる？」 この記事では、そんな方に…
当ブログでは、SWELLに関する記事をいくつか書いてます。
下のカテゴリーページにまとめていますので、のぞいてみてください。
かめコンパスためになったという人は“Twitterフォロー”や“ブックマーク”してくれると嬉しいです！
この記事が気に入ったら
フォローしてね！
コメント