キャノーラのひみつきち

はてなブログのカスタマイズで参考にした記事一覧

f:id:ohtomo52:20190113225900j:image

 

こんにちは、キャノーラデス。

 

しばらく前からブログのアクセスアップのため、カスタマイズを頑張っておりました。

 

初心者なので、カスタマイズを紹介している記事を探して全部コピペ。

 

今後の自分のためにも、これからカスタマイズする方のためにも参考した記事を紹介します。

 

 

①グローバルメニューの設置

 

デザインテーマは「Brooklyn(ブルックリン)」を使用しているため、まずはこちらを参考にグローバルメニューを作りました。

 

www.notitle-weblog.com

 

 

グローバルメニューの色変更

 

www.godaiblog.com

 

 

②見出しのデザイン

 

まずは元から設定されている見出しを消す必要があります。

これをやらないと、思うとおりのデザインにならない。

 

affiliate-couple.hatenablog.com

 

削除できたらデザインの設定。

 

www.notitle-weblog.com

 

 

③目次

 

こちらは女性向けのかわいいデザインが揃ってます。

女性向けとはいっても、男性が使っても違和感はなく可愛すぎないデザインもありました。

 

 

kimix.hatenablog.com

 

 

④トップページをカード型にする

 

レスポンシブデザインだからなのか、スマホでは表示が崩れたり、アイキャッチ画像が四角にしかできなかったりと、なかなか理想のものが見つかりませんでした。

 

そんなときに見つけたのが、こちらのサイト。

 

www.myfirstclasstrip.com

 

もとは、「つばさのーと」さんのものをベースにしています。

 

これはアイキャッチも綺麗に表示されるし、スマホ用のCSSも書いてくれているし、まさに私が求めていたものでした!

 

 

⑤ヨメレバ・カエレバのカスタマイズ

 

アマゾンとか楽天のリンクをボタンにしたくて探しました。

たくさんのショップに対応しているのでおすすめです。

 

happylife-tsubuyaki.hatenablog.com

 

 

⑥いろんな場所の色変更

 

www.style-yry.com

 

色のコードはこちらを参考にしてます。

 

www.colordic.org

 

 

⑦カスタマイズいろいろ

 

www.notitle-weblog.com.

 

 

 

以上です。

 

次はサイドバーとかプロフィールのカスタマイズに挑戦しようと思います。

 

そちらも出来次第、紹介します!