Keisuke's Journal

映画、ファッション、サッカー好きの雑記ブログ。

ブログデザインで参考にしたサイトまとめ

f:id:bingo-bingo-666:20180704175555j:plain

どうも、keisukeです。

今回はブログデザインで参考にしたサイトをご紹介します。

 

今現在(2018/05/21)も、このブログは絶賛ブログデザインをカスタマイズ中です。

 

まだまだ、やりたいことや改善する場所はありますが、だいたい完成形が見えてきたのでブログデザインのカスタマイズで参考にしているサイトを備忘録的にまとめようと思います。

みなさんも、参考にしてみてください。

ZENO-TEAL

まず、はてなブログのテーマは「ZENO-TEAL」というテーマ。

はてなのブログテーマの中では一番人気かなと思います。

人と被るのが嫌な方は、人気なテーマを選ばないと思います。

そういうのを気にせず、デザインセンスがあってカスタマイズしやすいテーマをお探しの方はこのテーマはとてもおすすめです。

ブログデザインのテーマはテンプレートで、そこからカスタマイズして自分好みに味付けしていけば、それもオリジナリティになると思うので、あまり人と被るから人気なテーマは…っていうのは考えなくても良いと思いますよ!

カスタマイズで参考にしたサイト

では、カスタマイズで参考にしたサイトをご紹介します。

www.shashintanoshimu.com

ZENO-TEALのカスタマイズといえばこの方のブログ。

全体の色の変更だったり、ヘッダーの画像を横いっぱいに表示させる方法など基本的なカスタマイズから、「記事下にこの記事が気に入ったらフォロー」など、人気ブログでよく見かけるカスタマイズ方法も載っています。

zeno-teal.hatenablog.com

お次はこちら。

ZENO-TEAL開発者のブログです。

ZENO-TEALで改善余地がある場所だったり、テーマ使用者の要望にこのブログで答えてくれています。

CSSをコピペするだけで便利な機能が追加できますので是非見てみてください。

material.io

このサイトは同色系統の濃い色から薄い色を並べて表示してくれていて、CSSのコードも載っています。

テーマの色を同色系でまとめたいという方はこちらを参考にすると統一感のあるブログデザインが作れると思います。

www.foxism.jp

ツイッターやインスタグラムをブログ内で表示したいという時に参考になるサイトがこちら。

いろんなアイコン(Youtube、はてな、アマゾン等)のコードが一覧で見れるのでおすすめです。

HTMLでの記述方法とCSSでの記述方法の両方が解説されているので、必要に応じて使い分けできます。

まとめ

無料でここまでかっこいいデザインのブログが作れるのも、ブログで技術をシェアしてくれている方のおかげです。本当に助かりますね。

これからも、ブログをカスタマイズしたときにはこちらの記事で随時報告と、参考にしたサイトやブログをご紹介したいと思います。

では、また。