1more!

+1 Lifestyle Blog. 趣味を多方面に愉しむブログ。

【Ï】ブログ改造記6-スマートフォンUIを中心に-

スポンサーリンク

Nesting Dolls
photo credit: andyi via photopin cc

どうも!Hayabusa(@hayabusa_823z)です。今回も恒例のブログカスタマイズの備忘録です。

今回の更新内容

スマートフォン用ページの微調整を開始

先日はてなブログの開発ブログで、Head要素を使用したカスタマイズが可能になったそうなので、ちょこちょこ試しています。 ある程度出来上がったら追記していこうと思います。

スマートフォン/PC版、トップに戻るボタン設置

JQueryを利用して設置。ある程度スクロールすると、▲TOPボタンが表示されてトップに戻ることができます。 設置にはこちらの記事を参考にさせて頂きました。

はてなブログでスマホ表示の際に「トップへ戻るボタン」を表示させる方法。 - YESかNOか半分か。

ヘッダメニューに項目を追加

比較的更新の多いカテゴリーである、Apple、旅行、日記の3カテゴリーをヘッダメニューに追加しました。

今回は、若干カスタマイズに苦戦していて、PC用とスマホ用の見出しが混同して表示されることがあるので、順次修正していこうと思います。