【ブログ】ヨメレバ・カエレバのcssカスタマイズ方法

今回はヨメレバ・カエレバの導入とcssカスタマイズについて私が設定した手順について書きます。導入テーマによっては単純にcssを貼り付けただけではうまくいかないこともあるのであしからず…*1

ヨメレバ・カエレバとは？
はてなブログのテーマ
cssの設定方法（参考ブログ）
ヨメレバ・カエレバの使い方
効果は？

ヨメレバ・カエレバとは？

有名なわかったブログのかん吉さんが作られたブログ用のパーツです。はてなブログの標準機能の商品紹介でもいいのですが、もっとおしゃれにしたいなーと思っていたら参考リンクに出会いましたのでそれに従ってカスタマイズしました。

ヨメレバ・カエレバの使い方等は直接サイトをご覧ください。手順も丁寧に説明されているので私でもすぐ設定できました。
商品紹介ブログパーツカエレバ
 書籍紹介ブログパーツヨメレバ

はてなブログのテーマ

私が使っているテーマは「Rouge」で以下のリンクからインストールできます。
Rouge - テーマストア

私は何度もテーマを変えているのですが、いろいろ試した結果カエレバのカスタマイズがうまくできたのと、レスポンシブデザインかつおしゃれだったので今のテーマにしています。

テーマのインストール方法ははてなブログの設定→デザインに行って画像のようにテーマストアでテーマを探すをクリック。Rougeをインストールしたい場合、上記リンク先から直接できます。（右側にあるプレビューしてインストールをクリック。）PC版サイトじゃないとiPhoneやiPod touchはできないようなので、PC版サイトをリクエストするか、PCを使ってカスタマイズするのが無難です。

cssの設定方法（参考ブログ）

ここからはスマホではなくPCのご利用をおすすめします。理由はスマホではcssの設定にキーボードが出てきてうまくできずいらいらするから！cssは上記デザイン設定のところから画像のようにカスタマイズをクリックして1番下のデザインcssをクリック。

テーマをインストールした際に恐らくテーマで使われているcssがすでに記述されていると思いますので、それは消さないようにご注意ください。

cssは私と同じRougeを使っている方は以下のブログのcssをコピーするとうまくいきます。こちらのブログはWordPressを使っているので最初から読むと？となりますが、ヨメレバ・カエレバと書いてあるcss（追記してあるところあたりから）をコピーして貼り付けて、その後デザインの1番上にある「変更を保存する」ボタンを押してください。

Rougeではなく、レスポンシブデザインではない方は以下のブログにあるcssを貼り付けるとうまくいくかもしれません。