まちえふさん、こんにちは～

確かに、ボタンに色がついていると見栄えが良くなりますよね。私もその方が良いなーと思って良さそうなデザイン（スタイル）を探して現在のものにたどり着きました。

なお、ちょっと興味が出たので、Cocoonデフォルトのカエレバのスタイルを使用しつつ、ボタンに色を付けるスタイルについて追記してみました。

こちらは子テーマにコピペするだけなので、親テーマをいじったり消したりせず、もし上手くいかなかったらコピペした部分を削除という具合に（全部いじるよりか）簡単に実装できるかなと思います。

もし宜しければ試してみて下さい。

SimplicityおよびSimplicity2のときにも思いましたが、Cocoonにはブロガーやアフィリエイターが求める多くのものを網羅しており、それでいて無料という、素晴らしいを通り越して畏敬の念すら感じるテーマです。

製作者のわいひらさんには感謝の気持ちでいっぱいです。

お返事ありがとうございます！

私の技量ではやっぱり親テーマの中にいくのは怖いのでこのままにしておきます。

ただ色を付けたいだけなんですけどね…私のサイトでは色付きの方がクリック率が高い気がしてて。
SNSアイコンは色付きと白抜き選べるじゃないですか。あんな感じにしてくれないか要望出してみようかなぁ…どきどき。

スタイルの中見たことなかったので知りませんでした！（恥）
バッジとかボタンとかも！これで「合わせて読みたい」とか出来ますね。なんで知らなかったんだろう…。

Cocoonはほんとに無料なのに色々機能があってありがたいですね。頑張って使いこなせるようになりたいです。

まちえふさん、初めまして。コメントありがとうございます！

私が使っている＆この記事で紹介したカエレバのスタイルは、実を言うとSimplicity2の時に使っていたものをCocoonでも使えたら良いなと思って他の方が公開しているコードを元に作ってみました。

今思うと無事にカスタマイズできてよかったと思ってます（笑）。

Cocoonデフォルトのカエレバのスタイルが親テーマの方に入っているため、独自のカエレバデザインにしたい場合は、そちらを消さないといけないのがネックではありますが、「kaereba」、「booklink」、「shhoplink」といった要素名になってるので、これらを親テーマから探して消す（あるいは別のエディタに移動させる）だけでOKでした。

ただ、私は拘るのでカエレバを改変しましたが、Cocoonにて用意されているカエレバのスタイルは、貼り付けたコード（Amazletの1,2,3）に影響されず同じように表示され、デザイン自体もシンプルながらコンバージョン率を高めてくれる要素がふんだんに含まれています。

そのため、無理に他のデザインにするよりも、デフォルトのものを使ったほうが良いかも知れません。強いて言えば余白ですとかボーダー、背景の色などを変える程度で。

>ましゅーさんのサイトは、関連の表記やメモ（えんぴつ）の表記もあってステキですね。

このメモ（鉛筆）は私が作ったものではなく、Cocoonデフォルトのものですねー。

ビジュアルエディタのスタイルの中にある「ボックス（アイコン）」の「補足情報（メモ）」というやつです。

初期の頃のCocoonにはありませんでしたが、バージョンアップに伴って新しく追加されたみたいです。

そのおかげで補足文を書く時の表現の幅が広がりました。

Cocoonはバージョンアップに伴いこれからもどんどん便利になっていくと思います。すごく楽しみですね！

Cocoonのカエレバカスタマイズについて検索していてたどり着きました。ボタンの白抜きに色を付けたくて…。

ちょっと前のバージョンでは出来たのに、あるバージョンから同じコードを使うとおっしゃる通り白抜きのまま文字だけ消えるような表示になってしまって困っています。

親テーマの中身をいじらないといけないのですね。私はコードに全然詳しくないのでどこをどうすれば良いかさっぱりです。。もし今後子テーマのスタイルシートにコードを追加するだけで出来るようになったらやり方を載せて頂けると嬉しいです。

ましゅーさんのサイトは、関連の表記やメモ（えんぴつ）の表記もあってステキですね。（そこら辺のカスタマイズも記事にする予定はありますか…？）

また遊びに来ます！長文失礼しました。