ジョジョ専用のサイトを作ってみた

ジョジョ用デモサイトのスクリーンショット

ジョジョづくしのサイトがほしかったのと、「自分の理想のサイト構成はこんな感じ!」というのを表現してみたかったのでhtmlの勉強も兼ねてちみちみ作ってました。

サイトを見る

作ったと言ってもテンプレートに絵を合わせたり、てがろぐを導入しただけなんだけどね!

やりたかったこと

一番作りたかったのはこのトップのフルスクリーン画像で、細長いサイドバーに対して隙間なくフルサイズの画像が表示されて、なおかつレスポンシブというのが理想的でした。
もう少しやりたかったこととしては、スクロールした時にフェードアップするアニメーションが付くことと、ギャラリーページでの画像のポップアップ表示。自分でjQueryを使わないスライドショーの作り方とか海外製のlightboxを導入しようとしてみたけど、どうやっても反映されず諦めました。自分で作ったテンプレートではないのでどこの何が競合してしまっているか分からなかった。日本製のlightboxは表示させられたんですが、画面いっぱいに表示されず迫力がなかったので断念。

感想

ページごとにテンプレを変えられたり自由度が高いなと思いました。wordpressは難しくてコード見ても分からないけど、htmlは見れば何となく理解できる。ただこれ毎回更新するブログとかには向いてないですね…こういうところはwordpressのほうが便利だなあ。

ただのデモサイトです!

サイト移行する目的で作ったものではなく、ただhtmlの知識を実践してみたく作った練習用サイトです!なので更新はあまりしない予定です。たまにレイアウトが変わったりコンテンツが増えたりするかもしれませんが。

有料テーマを検討中

htmlをいじってみて、楽しかったけどやっぱり長く続けるならwordpressのほうが良いなーと感じました。それで「フルスクリーンでスライドショー付きなんてwordpressにもできるじゃん」と思ったので有料のwordpressテーマを検討してます。めっちゃいい感じのテーマを見つけちゃったんですよ…なので両方の良さをいいとこどりしたサイトに近々生まれ変われたらいいなと思っています。