人気の株主優待

weblovelog

ウェブ業界人のためのウェブ情報サイト。

フッター (footer) デザインにこだわる!!stingerのフッターをカスタマイズ

   

ThreeTidesTattoo 様 サイトより
f1

フッターエリアが上手に作り込まれているサイトを見ると「わぁ!素敵っ!!と感動してしまうことがある(私だけかな?)

特に海外のサイトには、えっ!?これってフッターがメインじゃないの??と思うようなデザインのものもしばしば…

そこで、私もフッターデザインにこだわりたい!と思うようになり数年(苦笑)
ようやく、鉛のような重い、重ぉーーい腰をあげフッターデザインにこだわろうと…

したものの、フッターって奥が深い…。

とりあえず、今回は調べてみましたってことで!(下記に調べた結果を載せています)

今、全体のサイトデザインリニューアルを考え、作成中なので、その時同時にフッターを作り変えます。

フッターデザインやフッターの役割を考える

あなたが作ったサイトのフッターの役割は?12のフッター活用方法!
http://creators-manual.com/footer12/
01
フッターをどうやって活用するかに焦点をあて、具体例を挙げ丁寧に説明されています。


 

Webサービスの作り込みはフッターにあらわれる、13のサービスのフッターSSをまとめてみました
http://blog.mah-lab.com/2014/01/14/web-service-footer/
02
こちらは具体サイトを挙げ、そのフッターの特徴・役割を説明してくれています。


 

訪れる人が高く評価する素晴らしいフッターデザインを作るための心得
http://flipsblog.jp/archives/1316
03
タイトルの通り、素晴らしいフッターデザインをつくる為のポイントをわかりやすく解説してくれています。

フッターのデザインを見て、参考にしよう!

フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
http://footer-design.com/list.html
04


 

フッターデザインが素晴らしい国内のwebサイトのまとめ20選
http://nh-lab.com/footer_design_web_20/
05


 

フッターを最大限に活用しているウェブデザイン14選
06

stingerのフッターを実際に変更してみよう!

おしゃれは足元から!Stinger3フッターカスタマイズで差をつけろ!#Stinger-WP
http://naifix.com/stinger-footer/
stinger3-footer-customize
(※ 上図のようなフッターを作成されています)


 

[Stinger3カスタマイズ]フッターに自己紹介と最新記事をブチこもう
http://dairexia.com/stinger-footer/
daifoot
(※ 上図のようなフッターを作成されています)

 

 

 - DESIGN, Stinger, WordPress

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  関連記事