Cocoon・カスタマイズ Cocoonの文字装飾ボックススタイルをカスタマイズ（アイコン）
Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。文字装飾の一覧は以下にまとめています。この記事はボックス（アイコン）のカスタマイズ方法です。カスタマ...
Cocoon・カスタマイズ
Cocoon・カスタマイズ 
Cocoon・カスタマイズ コピペで！Cocoonトップページなどに使えるタブ切替メニュー18色
タブで切り替えて、カテゴリーごとの最新記事一覧などを表示するサンプルです。２カラムレイアウトやボタンなどのデザインや人気記事一覧表示のショートコードも、Cocoon標準の機能を利用しています。サンプル...
Cocoon・カスタマイズ Cocoonで評価・ランキングの★を好きな場所で表示する方法
Cocoonにはランキング機能があり、評価の★を５段階（0.5刻み）に表示する機能があります。ランキング機能のサンプルこの機能で設定されている★を使って、好きな場所で５段階評価を表示する方法です。使い...
Cocoon・カスタマイズ Cocoonの文字装飾ボックススタイルをカスタマイズ（案内）
Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。文字装飾の一覧は以下にまとめています。この記事はボックス（案内）のカスタマイズ方法です。カスタマイズ...
Cocoon・カスタマイズ Cocoonのトップページをデザイン：カテゴリー別記事を横並び表示
トップページなどに、カテゴリー別の記事を横並びに見やすく表示してみます。トップページデザインの一部として利用したり、その他の好きなページに表示する事も可能です。表示サンプル方法や手順について解説してい...
Cocoon・カスタマイズ コピペで簡単！Cocoonのブログカードをカスタマイズ
Cocoonのブログカードをカスタマイズしてみます。Cocoonにはブログカード用の装飾コード（囲みブログカードラベル）もたくさんありますが、基本的な枠のデザインカスタマイズになります。囲みラベルを使...
Cocoon・カスタマイズ Cocoonの目次設定とデザインカスタマイズ
Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありませんが、少しデザインを変更してみました。前提Cocoon設定→目次タブから、表示の設定を行います。設定項目 目次の表...
Cocoon・カスタマイズ Cocoonの文字装飾マーカーの色やデザインをカスタマイズ
Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。文字装飾の一覧は以下にまとめています。この記事はマーカーのカスタマイズ方法です。カスタマイズ方法簡単...
Cocoon・カスタマイズ コピペで！CocoonのFacebookボックスのデザインカスタマイズ
Cocoonの便利なオリジナルウィジェット「 Facebookボックス」の色をサイトに合わせてカスタマイズする方法についてです。簡単なCSSの追記のみなので、一瞬で終わります。Facebookボックス...
Cocoon・カスタマイズ Cocoon記事一覧ページのカードをカスタマイズ
Cocoonのトップページやアーカイブ、カテゴリーページでの記事一覧カードを以下のサンプルのようにカスタマイズする方法です。カスタマイズサンプル アイキャッチ画像の角を丸める 枠の角を丸める カード枠...