はてなブログテーマ開発(0)とりあえず完成させた
別ブログ「@半径とことこ60分」のテーマ変更を機に、はてなブログのテーマ開発について書いています。まだいろいろ書くことはあるのですが、テーマ変更とともに独自ドメイン化と HTTPS 化をやろうということで始めましたので、あまり遅くなってもと思い、概ね完成させてテーマを変更しました。
はてなブログテーマ開発(1)
はてなブログテーマ開発(2)
はてなブログテーマ開発(3)
はてなブログテーマ開発(4)
はてなブログテーマ開発(5)
はてなブログテーマ開発(6)(Javascript 記載の漏れがありました)
はてなブログテーマ開発(7)
01完成したテーマの画像
モバイル
記事ページです。iPhone6 のサイズですが、キャプチャは下が切れています。
ハンバーガーメニュークリックでメニューを出したところです。メニューは右からスライドインし、検索フォーム、カテゴリー、記事一覧、Contuct Us が入っています。
デスクトップ
記事ページです。タイトルを top-editarea に移動しています。メニューは右上に出しています。スムーズスクロールナビを右下に出しています。
メニューのカテゴリーにマウスを置いたところです。マウスオーバーでカテゴリーブロックがフェードインします。検索フォームも同様です。
実際の確認はこちらでどうぞ。
トップページ
トップページの表示は一覧形式にしていますので画像が並びます。モバイルは画像が縦に並びます。画像はサムネイルではなく元画像に変更しています。元画像に変更する方法は以下にあります。
(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える – IMUZA.com
画像が少しさみしく感じられますが、人物がとことこ歩いてくるアニメーションを入れようかと思っています(笑)。
まだ、細かい調整が必要ですし、アドセンスも入れなくちゃいけません。
この後、このテーマに使っている小細工を書いていこうかと思いますが、なかなか手がまわりません(涙)。