”スタイル”ツールのテキスト装飾バリエが沢山あってなかなか把握できない。。。
WordPressテーマのCOCOON（コクーン ）を使っていてすごく使いやすいのですが、超便利ツールの”スタイル”ツールのテキスト装飾バリエが沢山あってなかなか把握できず、毎回、スタイルから選択→表示された装飾見てみる→ちょっとイメージと違う→再選択→表示された装飾みる・・・の繰り返しをしてました。。
そこで
WordPressテーマのCOCOON（コクーン ）の”スタイル”ツールにはどのようなテキスト装飾があるのかまとめました。
COCOON スタイルツール 表示一覧
【ボックス】アイコン
【ボックス】案内
プライマリー（濃い水色）
セカンダリー（濃い灰色）
サクセス（薄い緑色）
インフォ（薄い青）
ワーニング（薄い黄色）
デンジャー（薄い赤）
ライト（白色）
ダーク（暗い灰色）
【ボックス】白抜き
灰色
黄色
赤色
青色
緑色
【ボックス】タブ
チェック（灰色） この他に（黄）（赤）（青）（緑）の全5色
コメント（黄） この他に（灰色）（赤）（青）（緑）の全5色
ポイント（赤） この他に（灰色）（黄）（青）（緑）の全5色
ティップス（青） この他に（灰色）（黄）（赤）（緑）の全5色
ちなみにTIPSとは、ちょっとしたこつやテクニックのこと。
ヒント（緑） この他に（灰色）（黄）（赤）（青）の全5色
ピックアップ（灰色） この他に（黄）（赤）（青）（緑）の全5色
ブックマーク（黄） この他に（灰色）（赤）（青）（緑）の全5色
メモ（赤） この他に（灰色）（黄）（青）（緑）の全5色
ダウンロード（青） この他に（灰色）（黄）（赤）（緑）の全5色
ブレイク（緑） この他に（灰色）（黄）（赤）（青）の全5色
Amazon（灰色） この他に（黄）（赤）（青）（緑）の全5色
OK（黄） この他に（灰色）（赤）（青）（緑）の全5色
NG（赤） この他に（灰色）（黄）（青）（緑）の全5色
GOOD（青） この他に（灰色）（黄）（赤）（緑）の全5色
BAD（緑） この他に（灰色）（黄）（赤）（青）の全5色
プロフィール（灰色） この他に（黄）（赤）（青）（緑）の全5色
【ボックス】付箋風
灰色
黄色
赤色
青色
緑色
バッジ
オレンジ レッド ピンク パープル ブルー グリーン イエロー ブラウン グレー
バッジの使い方例 関連記事COCOONのスタイル一覧
マイクロコピー （使い方）
マイクロコピーとは、リンク・ボタン周りに表示させるコピーライティング用の機能です。
例えばボタンの上に「＼アフィリエイト するなら／」と入れる場合
スタイル ＞ マイクロコピー ＞ テキスト（上）＞ 中央
になります。
＼アフィリエイト するなら／
テキスト（上）
テキスト（上）＞ 左
＼アフィリエイト するなら／
テキスト（上）＞ 右
＼アフィリエイト するなら／
テキスト（下）
テキスト（下）＞左
/アフィリエイトするなら\
テキスト（下）＞中央
/アフィリエイトするなら\
テキスト（下）＞右
/アフィリエイトするなら\
吹き出し（上）
吹き出し（上）＞左
＼アフィリエイト するなら／
吹き出し（上）＞中央
＼アフィリエイト するなら／
吹き出し（上）＞右
＼アフィリエイト するなら／
吹き出し（下）
吹き出し（下） ＞ 左
／アフィリエイト するなら＼
吹き出し（下） ＞中央
／アフィリエイト するなら＼
吹き出し（下） ＞右
／アフィリエイト するなら＼
ボタン
大きさ
大きさは上記の3パターンです。
カラーパターン
囲みボタン
「囲みボタン」はaタグを用いたテキストリンクをボタンにする機能です。
↑こちらに「囲みボタン」を適用します。
レッド（中）
A8.net
大きさ
大きさは上記の3パターンです
カラー
「ボタン」と同じカラー展開なので割愛します。
囲みブログカードラベル
参考記事
参考リンク
人気記事
あわせて読みたい
詳細はこちら
チェック
ピックアップ
公式サイト
ダウンロード
まとめ
たくさんありすぎて全然使いこなせてなかった・・・という方！簡単に見え方が華やかになりますのでぜひ使ってみてください！
