Cocoonを40か所以上カスタマイズまとめ！

コメント

1. ごん より:

   2021-08-19 4:24 PM

   初めまして、いつも大変参考にさせていただいてます。
   現在、サイドバーの「最近のコメント」ウィジェットのカスタマイズをしたいとかんがえているのですが、なかなか該当する記事が見当たりません。

   こちらのサイトのコメントウィジェットがオシャレでお手本にしたいと思っているのですが、その部分のカスタマイズの記事は投稿されていないでしょうか？
   （もしあったらすみません）

   機会があれば公開していただけると嬉しいです。
   こちらのサイトをこれからも訪問させて頂きます。

   返信
   • 綾糸 より:

     2021-08-19 8:50 PM

     ごんさま　はじめまして。

     コメントウィジェットの枠色やホバー時の色と動きについてですが、
     当サイトでは、エントリーカードと同様のカスタマイズになっているので、コメントウィジェット独自のカスタマイズはしていません。

     うちの場合のコードは以下です。
     .a-wrap {background-color: #fff;border-bottom: 1px solid #89817f;border-radius: 15px;}
.a-wrap:hover {background:rgba(193,199,141,0.5);-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);box-shadow: 0 0 8px #dce0b1;}

     コメントウィジェット独自にカスタマイズしたい場合は・・
     .recent-comments .a-wrap ….　というように　先頭に「.recent-comments」をつければいけるかと思います。

     返信
     • ごん より:

       2021-08-21 12:16 PM

       綾糸さま

       こんにちは、ご丁寧に返信いただきありがとうございます。
       早速、試させていただきました。

       せっかくなので上記のコードをお借りして全体的に浮き出る動きにカスタマイズいたしました！
       とてもいい感じに仕上がって大変満足です。

       これからも活用させていただきます、ありがとうございました。

       返信
       • 綾糸 より:

         2021-08-22 12:32 PM

         ごんさま。
         お役に立てたならよかったです。
         ご連絡ありがとうございました。

         返信