Entranced

心を解き放て

はてなブログのPCデザインをリニューアル。クール色で統一してみた

f:id:kmartinis:20171112193559p:plain

 

PCのデザインを一新しました。

(PCオンリーです。スマホは触っていません)

 

以前のデザインは黒を基調にした、クールなデザインでしたが、今回のデザインは、クールかつ可愛い感じのデザインに仕上がりました。

 

 

変更した点

変更した点説明していきます。

学校卒業のために睡眠時間を確保しているので、時間がありません。この記事ではすごく簡潔にいきます! 

その前に

saruwakakun.com

 

素人でもいい感じのデザインに仕上がったのは、サルワカさんのこちらの配色ツールのおかげだと思っています。皆さんもぜひ、ブログのデザインを変更する際は、まず初めに訪れてみてください。

 

トップページを変更 

f:id:kmartinis:20171112182359p:plain

 

こんな感じの、ビッグカードのようなデザインになりました。

 

www.foxism.jp

 

orefolderさんのこの記事を参考にさせていただきました。ブログ「FOXISM」は毎度参考にさせていただいています。 

レビュー記事にしろ、日記記事にしろ、写真が素敵で気に入っているので、今後の更新も楽しみにしています。

 

記事内リンクの色を変更

これに関してはずっと変えたいと思ってたんですけど、ちょうど今のテーマに合いそうなので変えました。 

 

f:id:kmartinis:20171112181614p:plain

 

こんな感じのリンクが

 

f:id:kmartinis:20171112181646p:plain

 

こうなりました。明るくなって、よりはっきりしたと思います。今のテーマ色にもぴったりなのでよかった。

 

フォローボタンを変更

f:id:kmartinis:20171112183702p:plain

 

↑真ん中のやつです

 

et cetera…

シロマさんのシェアボタンに変更。センタリングして使わせていただきました。

www.notitle-weblog.com

 

見出しはこちらを、

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

追尾型の目次はこちらを、

サイドバーに現在位置を表示して追尾する目次を設置する【目次記法対応版】 - Twilyze blog

 

参考にさせていただきました。

タイトル・見出しの文字色、太字の文字色、関連記事のデザイン、トップページのはてなスターの削除など、細かいところをあげたらもう少しあると思うんですが、今日はこの辺りにしておきます。

 

感想

クールかつ可愛い感じでだいぶ気に入ってます。寒い時期になったので、より一層寒く感じてしまうデザインかもしれませんね。

テーマは変わらず、シロマさんの「Brooklyn」なんですが、人気すぎるあまり他の方のブログとデザインが似通ってしまいがち。そこを多少は改善できたのではないでしょうか。

カスタマイズに当たって、なんせ知識がないので、うまくいかないところは!importantのゴリ押しでなんとかなってる状況なので勉強していきたい。大学進学後、勉強できればと思ってます。というわけで今日はこの辺で。