「オシャレは足元から」と言いますが、履いている靴で印象が180度、変わることもあります。スーツの足元を革靴にするのか白スニーカーにするのかでは、まったく異なるファッションになるという具合です。ウェブサイトのフッターも足元としての大切な役割があります。デザイン的な側面も勿論ですが、フッターは、ユーザーのアクションを誘導することができるそのページ最下部、最後のエリアともいえるのではないでしょうか。閲覧者の視点が「ここが(ページの)一番下」と認識した瞬間は、次の行動決定をするエリアともいえます。そこで「トップへ戻る」を押してヘッダー、グローバルナビゲーションに戻ってもらえると...「セーフ!」首の皮一枚は繋がります。...ヘッダーからメインコンテンツの流れでそのサイトの世界観、ワクワクを伝えることに失敗していると...残念なことに「離脱」されてしまう可能性が高いでしょう。「それはもったいない!」と感じたあなたには、是非記事を読み進めていただき、コンテンツの最後の砦、フッターの役割、より良いフッターの使い道を模索する機会としていただけたらと思います。フッターの役割を考えるここからはTCDのデモサイト、コンテンツを中心にフッターが担う役割、狙いの事例を含めて、ご紹介していきながら進めていきたいと思います。テンプレートの特性上、同じ基本設定を用いてフッターを表現している為、シンプルに収まりがちではありますが、テーマの世界観、デザインの足元として気を配っていることを感じていただけたら嬉しいです。参考:ボタンマルシェどのサイトにおいても著作権などの表示は最低限されていることが多いかと思います。管理者としての存在を明示して、一歩踏み込んだサイトを運営する姿勢を表現してみるのもよいでしょう。参考:LAWグローバルナビと異なる見せ方をすることで、サイト全体のコンテンツに気づいてもらえる可能性が高まります。コツはあまり多く並べ過ぎないことです。ほどよいボリュームでかつ整理整頓された案内だからこそ、おもてなしの気持ちが表現できるのではないでしょうか。参考:ONEウェブサイトのフッターはファッションで言うと足元にあたり、ヘッダーは頭。デザインの側面でフッターを考えると、重要なのは上から下までの整合感が大切です。スクロールしても、トップ、ファーストビューの印象が最後尾のフッターにも違和感なく繋がっているかという点。上から下を見て、全体の整合感を付けていくという意識をもちます。ここに手を抜かないだけでサイト全体のデザインチューニングがしっかりとまとまるので是非取り組んでみてください。参考:デザインプラス求人サイトTCDの基本フッターは、仕様上アイコンでのみのSNS誘導ですがtwitter、facebook、Instagramなどの投稿を実際に表示する手法も効果的でしょう。楽天市場、Yahoo!ショッピングなどのモール系ECサービスでも定番の形です。それぞれの商品ページから離脱することなく送料などお客様の気になるであろう情報を並べておくことを目的としてます。参考:ロゴマルシェ自社サービスへの誘導や広告出稿用の場所として確保するにも適しているでしょう。デザインのとりかた次第ですが、WEBサイトの公式サプライヤーとしての見せ方も可能ですので表示されるだけで意味がある広告向けかもしれません。参考:FAMOUSそのコンテンツの世界観はファッション同様、細部に宿るものです。「ページトップ」に戻るボタンをオリジナルのものにするカスタマイズも良いでしょう。フッターまでしっかり世界観を崩さない配慮は他ページにも妥協していない姿勢を示すことができると思います。参考:VOGUE興味をもっているからこそ表示される場所(フッター)だからこそクリックされる可能性が上がるということも期待できます。するとメインコンテンツ中のCTAを素通りしてこられたユーザーかもしれません。フッターの再誘導があることで、「実は行動をしようと思っていた」というユーザーの取りこぼしを防ぐことができるかもしれません。参考:Switchこれまでの紹介と少し異なった視点にはなりますが、スマートフォン操作時は親指が届く範囲に気を配ることも大切な要素です。お問合せをしたいと思った時にすぐ電話を掛けることができるのかどうかでビジネスが決まることもあるでしょう。TCDテーマではスマートフォンでの表示用に固定フッターバーを表示することができるテーマオプションを用意したものがあります。※デモサイトでこの機能を確認したい場合はスマートフォンからアクセスをして確認をいただく必要があります。参考:GENSENTCDのテンプレートはテーマオプションからメニュー設定をこなしていくことで、細部までデザインされたフッターを手に入れることができす。フッターに注目しながらデモサイトを閲覧いただくことで新しい発見があるかもしれません。GALLERY3列や4列メニューがあったり、サブメニューだけだったり、フッターカルーセルがあったりと多様性がある。情報量や導線確保といった実用的な意味だけでなく、全体のバランスを見て設計されています。国内のWordPressテーマではフッターまで意識して作っていると感じられるところはTCDだけと言っていいのではないでしょうか。SNSの読み込みなど、プラグインを用いたカスタマイズを施すことで、よりリッチな表現をフッターに導入することも可能です。まとめそもそもサイトのコンテンツに興味を持ってくれたユーザーでなければ、フッターまでスクロールをしてくれることはないでしょう。裏を返せばフッターが表示されているという状態はサイトのコンテンツに興味を持ってくれていると言えます。いう風にフッターを捉えられると、手を抜けないと考えるのは自然なことではないでしょうか。TCDテーマを使用されているサイトでも、フッターが空になってたりすることがあります。この記事で取り上げたようにデザインは施されていますので、メインコンテンツのカスタマイズをする手間、労力を掛けるよりも先にデモサイト通りにフッターを使ってみるということを試していただきたいと思います。フッター部分をTCDのデモサイトのように再現することは、大きな手間がかかることではありません。見る人が少ないからと言って、疎かにすると、あなたのコンテンツに興味を持っている人のアクションを取りこぼしてしまうかも。気を抜いていると実は大きな損をしているかもしれない箇所がフッターエリアということです。グローバルメニュー(メガメニュー)についての解説記事も用意しましたので、併せてご覧ください。情報を更新いたしました。最近、国内ウェブサイトでもよく目にするようになったメガメニュー。メガメニューは、一般的なグローバルメニューのドロップダウンより広く領域がとられています。...2020.02.11ワードやエクセルの表をテーブルタグに変換する便利なツール・ジェネレータ集2020.02.10上質な癒しを感覚レベルで訴えかける。Macでzip圧縮する時に注意しておきたいこと。2019.12.28【初心者向け】Gitとは何なのか。基本用語やその仕組みをまとめています。2019.12.27WEBマーケティングより広義のデジタルマーケティングについて基本から考える2019.09.18今更聞けない?Webサイトのアクセス解析やマーケティングにおいて知っておくべき基本用語2019.09.17読み手の心を動かすコピーライターの仕事とは?ライティングやコピーの基本要素を知ろう2019.07.21国内有力ウェブメディア17サイトの記事更新頻度を調査してみた。No.1】人はコンテンツのどこをどう評価するのか。コンテンツマーケティングに関する重要な話2019.07.01スクリーンショットの撮り方でここまで変わる!かっこいい記事にする為の10のテクニック2019.04.07強烈なインパクトでユーザーの視線を鷲掴みにするWordPressテーマ【MAXX】のトップページについて2017.01.26ファーストビューで動画を使うと見る側にどう伝わっているかという考察記事2019.12.15プロ級の会員制サイト運営をあなたの手に。No.1】人はコンテンツのどこをどう評価するのか。