［サイトリニューアル］デザインの見直し その６

当サイトではアフィリエイト広告を利用しています。

トップページの最後の関門は、フッターのデザインです。個別ページがちょっと面倒ですが、このフッターが完成すればサイトデザインとしては一山越えることになります。

しかし、今までコピーライトしか置いていなかったフッターに今回は本、写真、リンクと結構なボリュームを入れ込むことにしたので、あっさりではなく何気に苦労しながの制作になりました（笑

フッターに入れるのは「本」「写真」「運営サイト」と「コピーライト」

色々と迷いましたが、最終的にフッターに入れるのは「本」「写真」「運営サイト」と「コピーライト」の４つの要素にしました。

ほんとボリューム満点ですが、サイドバーで苦しいのもあるので、フッターに押し込んだらどうなるか・・・というテストも含めて作っています。

ブログパーツを活用する

フッターに入れる「本」と「写真」は数も多く手作業で管理するのはさすがに無理があるので、ブクログとフリッカーの提供しているブログパーツを活用して表示するようにしました。

ブクログのイメージ

Flickr badgeのイメージ

こうしておけば、表示する内容の管理に気を使わなくてすみます。

なので、現状のデザインベースではこの形を理想としていますが、実際にブログパーツを入れた時点で若干の修正があるかもしれません。

※本の管理はメディアマーカーでもやっていますが、ブログパーツとしてはブクログのほうがオサレだったので、こっちを使います。

フッターにヘッダーと同じナビゲーションを入れる

フッターにもヘッダーと同じナビゲーションを入れるようにし、ついでなので「トップへ戻る」のリンクも付けました。

これで、トップに戻るのになが～くスクロールしなくて済みます。。。自分で見てても嫌になってたんですよね（笑

コピーライトとサーバ情報はひっそりと

フッターデザインの最後は、コピーライトとサーバ情報のリンクですが、これは一番下の右にひっそりと置くようにします。

まあ、サーバ情報はアフィリエイトもちょっと視野に入っていますが、どちらかというと「コレ使ってます」って言いたいほうがメインです（使ってて色々問題もあったりしますけど）。

で、結局まとまったフッターのデザインはこれ

フッターができたことでトップページが完成しました！
完成したトップページはこんな感じ。

この後は記事ページのデザインを詰めていきます。

［サイトリニューアル］関連記事

［サイトリニューアル］導線の見直し その１
［サイトリニューアル］導線の見直し その２
［サイトリニューアル］導線の見直し その３

［サイトリニューアル］デザインの見直し その１
［サイトリニューアル］デザインの見直し その２
［サイトリニューアル］デザインの見直し その３
［サイトリニューアル］デザインの見直し その４
［サイトリニューアル］デザインの見直し その５
［サイトリニューアル］デザインの見直し その６
［サイトリニューアル］デザインの見直し その７
［サイトリニューアル］デザインの見直し その８

［サイトリニューアル］コーディング その１
［サイトリニューアル］コーディング その２
［サイトリニューアル］コーディング その３
［サイトリニューアル］コーディング その４
［サイトリニューアル］コーディング その５