My Favorite, Addict and Rhetoric Lovers Only

読者です 読者をやめる 読者になる 読者になる

桐谷ヨウ@blog

桐谷ヨウのメインブログ。恋愛・コミュニケーション・海外・文章を書くことについて。


ブログのスマホデザイン変更+カテゴリの階層構造を作りました。

告知 告知-ブログ運営

Advertisements

はてなブログはスマホデザインが統一されているので、完全に飽きてしまったのでデザインをいじってみました。

f:id:fahrenheitize:20150721195934j:plain

ヘッダーを追尾+メニューバーを表示させる仕様に。

f:id:fahrenheitize:20150721195958j:plain

クリックするとメニューが表示されます。

「ARCHIVE」をクリックすると全記事が表示されます。(スマホ表示のトップは7記事しか表示されないのでダルい)

「BUZZ」をクリックすると歴代はてなブックマーク獲得数ランキングに飛べます。

f:id:fahrenheitize:20150721200029j:plain

カテゴリを階層構造にして、関連記事を読みやすくしました。「恋愛>男向け」とか「エッセイ」あたりが人気コンテンツになります。

 

恋愛-男向け カテゴリーの記事一覧 - My Favorite, Addict and Rhetoric Lovers Only

エッセイ カテゴリーの記事一覧 - My Favorite, Addict and Rhetoric Lovers Only

 f:id:fahrenheitize:20150721200056j:plain

エントリー下にFacebookページとTwitterのプラグイン。特にFacebookページが弱いので、目立つように貼ってみました。(なんかたまに表示されないが…)

他にもiPadから見たときに余白がない問題を修正しました。メニュー部分はカテゴリへの動線を改善したいので今後もいじっていくかも。あとソーシャルボタンもオリジナル系にしたいな。

Web関連のスキルが皆無のためもし手伝ってくださる方がいる場合はお声がけいただけると嬉しいです。 

参考にさせてもらったブログ記事

www.sho-yamane.me

tsukuruiroiro.hatenablog.com

bulldra.hatenablog.com