やばい年賀状描かないとやばい【サイト改装】
こんにちは!
サイトのギャラリーページをかなり大掛かりに改装したのでお知らせします。
頑張りましたよ(`・ω・´)
ギャラリーページをどのように見せるか?
これはイラストサイトの最も大きな課題であり、私にとっても悩みでありました。
主流は【フレーム型】と【別窓で開くorLightboxビューアー型】だと思っています。
◎フレーム型のメリット
・クリック数が少ない
・画像表示側のレイアウトが自由
●フレーム型のデメリット
・推奨されるHTMLではない
・ディスプレイが大きいとマウスの移動が大きい
・なんかダサい
◎Lightbox型メリット
・画像を大きく表示でき、レイアウトに邪魔されない。なんかカッコイイ
●Lightbox型デメリット
・タイムラグがある。クリック数が多い。複数枚表示ができない。
・キャプションが入れにくい
今回私は、Lightbox型のレイアウトを採用しました。
暫くこれを使ってみて、不便なようならまたフレームに戻るかもしれません。
☆★突然ですが今回の改装の押しポイント!!!★☆
◆ギャラリーTOPには画像リンクが配置され、直感的にアクセス可能。
マウスを置くことでキャプションが表示されます。
↑このオーバーレイキャプションの設置には苦労しました;
前回のレイアウトだと目立たなかった「欧州音楽家キャラ紹介」にアクセスしやすくなりました。
◆とにかくキャラクターチップが可愛い
(なんか、画像うまくアップできないし表示もされないんだけど何で)
モーツァルト君のミニキャラが、ギャラリーページに入るときのLoading画面に現れます。
Loading画面を導入することで、ページ移動時のがたつきが気にならなくなりました。
・・・IEだとミニキャラ表示されないけど!!!!!
◆Lightbox型ビューアー「Colorbox」導入
Colorboxは、Lightboxと似て非なるものです。
Lightboxだと大きな画像が自動で縮小されて、「漫画の字潰れて読めねぇ~」という状況に
なってしまうので、違うものを導入しました。 こっちの方が読み込み軽くてカッコ良いし
また、「title属性にキャプションを設定すると、長ったらしいキャプションがポップアップされる・・・」
という問題も回避することができました。
サイトのコンテンツを少し増やしたいので、暫くはこんな感じでサイトをちょこちょこ
いじっていこうかなと思っています。
年賀状?描きます。やばいです。
おわり