カエレバとヨメレバをSimplicity2用にカスタマイズしてみた

商品の紹介をするのに便利なカエレバヨメレバのブログパーツをカスタマイズしました。
動作環境は当ブログで使っているWordPressテーマSimplicity2でしか試していません。
一応レスポンシブにしたので大体使えると思うのですが・・・

能書きは不要と思いますので、完成イメージは下記のとおりです。

カエレバ

ヨメレバ

設定

カエレバ、ヨメレバ共に共通の設定として
・画像中
・amazlet風-2(cssカスタマイズ用)
・後ろに付ける文字は無し(購入等)
です。

CSS

下記CSSです。
そのままコピペして使ってみて下さい。

今後

とりあえず自分が問題なく使えてるので、
良しとします。
何か気がついたらアップデートします。

追記:キャッシュで反映されない

こちらのCSSを導入しても、反映されないご報告がありました。
原因はキャッシュが残っている事でした。
キャッシュの削除や、更新をする事で反映されると思います。

是非フォローしてください

最新の情報をお伝えします

やーまん

山奥に移住し、のんびり暮らしています。
日々の事で感じた事や考え方などを備忘録として残しています。

関連記事

6 コメント

  • 初めまして。いきなりのご連絡申し訳ございません。

    ヨメレバのCSSのカスタマイズを検索していてこの記事にたどり着きました。
    一番好きなデザインだったので、私のサイトでも使用させていただいております。
    ありがとうございます。

    一点ご質問なのですが、
    PCと携帯(iPhone)の検索からはこのCSSのデザインでしっかりと表示されるのですが、
    Twitterなどを介して記事を見るとCSSのデザインが表示され無くなり、デフォルトのままになってしまいます。

    もし改善策がお分かりでしたら教えていただきたいです。

    • こちらこそご利用ありがとうございます。

      Twitterは確認していませんでした。
      先程iPhoneのTwitterアプリから
      この記事をチェックしましたが、
      特に問題無く表示されました。

      CSSの競合やミスタイプ等かと思い、
      そちらのサイトもTwitterアプリでチェックしてみました。
      が、こちらの環境では特に崩れること無く見れますね。
      アプリに古いキャッシュが溜まっているとか
      アプリのアップデート等、一般的な回答になってしまいます。

      申し訳無いですが、アプリの環境をお確かめ下さい。
      よろしくお願いします。

      • 速やかなご返信ありがとうございます。

        確認をしたところどうやらTwitterのアプリのキャッシュが原因でした。
        アプリのキャッシュを消したところ治りました。
        ご丁寧に解決方法を教え頂きありがとうございました。

        Simplicity2のヨメレバのCSSカスタマイズでは一番素敵なデザインですので、これからも愛用させていただきます。

        ありがとうございました。

        • 解決できて何よりです。
          ご報告ありがとうございました。

  • やーまん様。カエレバレスポンシブ用デザインCSSで、探してました所たどり着きました。他のどのコードをコピペしても崩れて萎えていたのですが、あなたのを追加したところ崩れる事もなく、綺麗に仕上がりました。デザインもとても気に入りました。お礼を言いたく書き込みさせていただきました。ありがとうございます。

    これからもがんばってください。  Hana

    • コメントありがとうございます。
      お役に立てて何よりです(^^)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA