【AFFINGER6】フッターを２列３列に設定・カスタマイズする方法

今回はAFFINGERをが使用のユーザーに向けて、フッターを２列３列でメニュー表示する方法について解説をして行きます。

フッターの作り方が分からない方や細かい設定方法まではいまいち理解できていない方にオススメの記事となっています。

本記事の内容

フッターについて

フッターの作り方について

フッターのカスタマイズ方法

この記事を書いた人

＼当ブログ使用テーマ／

誰でも簡単オシャレなデザイン！
インフォトップ月間総合第１位！
SEO対策と収益UPを標準で搭載！

有名ブロガーに愛用されているSEO最強WordPressテーマ。本ブログも使用中のカスタマイズ性が抜群のテーマです！

AFFINGER6の購入はこちら

フッターとは

それでは解説をしていきます。そもそもですが…

フッターってなに？？

こんな疑問を持っている方もいるかと思います。

フッターとは、ブログやホームページの最下部に位置するメニューエリアのことを指します。

ほとんどのWebサイトには設置されており、シンプルなものから手の込んだカスタマイズがされているものまであります。

実際のフッターメニューはこちら

また、今回はそのフッターに設置するメニューを２列３列にする方法を紹介するので、フッターに設置するリンクなどもイメージしておいていただけたらと思います。

よくフッターに設置されているリンク

プロフィール
プライバシーポリシー
サイトマップ
お問合せ
カテゴリ
アーガイブ記事

自分の好みに合わせてカスタマイズしていただけるので、オリジナリティあふれるものを作成してみてください！

２列フッターのカスタマイズについて

まず初めに、２列のフッターエリアを作成方法の解説です。

step
1ウィジェット管理画面に移動

WordPress管理画面から「外観」→「ウィジェット」に移動します。

step
2２列ウィジェットに追加作業

フッターに追加したい項目をドラッグ&ドロップで追加してください。

step
3フッターエリアの確認

それでは、設定が正しく反映されているか自分のトップページを確認してみてください。

設定が反映されていると、２列フッターの場合には、30% : 70% の割合で表示されているはずです。

今回は使用している「タグ」を表示してみました！ちゃんと表示されてますね！

３列フッターのカスタマイズについて

続いて、3例のフッターエリアを作成方法の解説です。

こちらも、手順は先ほどの「２列フッター」のやり方とほとんど同じなので、簡単に作業ができると思います！

step
1ウィジェット管理画面に移動

WordPress管理画面から「外観」→「ウィジェット」に移動します。

step
23列ウィジェットに追加作業

フッターに追加したい項目をドラッグ&ドロップで追加してください。

step
3フッターエリアの確認

それでは、設定が正しく反映されているか自分のトップページを確認してみてください。

設定が反映されていると、３列フッターの場合には、30% : 35% : 35%の割合で表示されているはずです。

注意ポイント

３列フッターの設置するときには、必ず「フッター右用ウィジェット（２列目）」を設定が必要です。

フッター右用ウィジェット（３列目）だけでの使用はできないので、注意しておきましょう！

フッターのカスタマイズについて

フッターの設置ができたら、最後に配色などのカスタマイズをしましょう。

WordPress管理画面より、「外観」→「カスタマイズ」→「基本エリア設定」→「フッターエリア」の順に選択してください。

運営サイトの配色テーマに合わせながら、カスタマイズしてみてください。

まとめ：フッターのこだわって設定してみよう！

以上、【AFFINGER6】フッターを２列３列に設定・カスタマイズする方法でした。

いろんなブロガーの方のフッターを見てみると、ものすごいシンプなものから、もだわっているものまで。

自分のサイトなので、ぜひ細部までカスタマイズしてほしいと思います！

参考トップページのカスタマイズに関する記事かこちら

参考アップデートやインストール・プラグインに関する記事はこちら

参考投稿記事のカスタマイズも関する記事はこちら

参考Gogleアドセンス×AFFINGERのカスタマイズについての記事はこちら