ウェブ学のすすめ

Study of Web Design & Programing

はてなブログテーマ(レスポンシブ)にブログアイコンを表示させる方法


f:id:vinton:20150517210725p:plain

はてなブログテーマのスマホ版にはブログアイコンが表示されていますが、レスポンシブデザインにするとHTML自体が書き出されません。レスポンシブデザインでもブログアイコンを表示させる方法を無理やりですが編み出したのでご紹介します。

作成したはてなブログテーマ「Material」に合わせて解説していますが、他のテーマでも応用できるかと思います。

続きを読む

はてなブログテーマ「Material」のカラーを変更する方法


f:id:vinton:20150505184659p:plain

はてなブログテーマ「Material」のヘッダーやフッターのカラーをカスタマイズする方法をご紹介したいと思います。CSSを追加するだけで自分だけのカラースタイルにカスタマイズできます。

カスタマイズしたらぜひコメントやはてなブックマークからお知らせください。テーマ作者の励みになります!

続きを読む

はてなブログテーマ「Material」を2カラムにカスタマイズする方法


f:id:vinton:20150504182617p:plain

先日公開した、はてなブログテーマ「Material」を2カラムにしたいというご要望がありましたのでカスタマイズ方法をご紹介したいと思います。CSSを追加するだけで2カラムになり、プロフィールや最新記事がサイドに表示されます。

お試しください!

続きを読む