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

本サイトではアフィリエイト広告を記載している場合があります。<景品表示法に基づく記載>

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

 

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

 

本記事の内容

フッターについて

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

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

 

 

\ 当ブログ使用テーマ /

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

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

AFFINGER6の購入はこちら

 

フッターとは

 

 

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

 

フッターってなに??

 

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

 

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

 

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

 

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

 

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 

 

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

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

 

 

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

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

 

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

 

 

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

 

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

 

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

 

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

 

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

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

 

 

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

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

 

 

 

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

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

 

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

 

 

注意ポイント

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

フッター右用ウィジェット(3列目)だけでの使用はできないので、注意しておきましょう!

 

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

 

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

 

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

 

 

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

 

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

イラスト

 

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

 

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

 

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

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

 

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

 

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

 

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

 

 

  • この記事を書いた人

せなお

ブログ月間1.7万PV|YouTubeチャンネル収益化達成!|最新のAIとITに関する情報発信|ガジェットレビュー|Webデザイン| 動画編集スキル|X, Instagram、TikTokで情報発信|月3万円から副業術

-AFFINGER, トップページカスタマイズ
-,

PAGE TOP