スタイル | 気になるBLOG https://design-eight.com Wed, 30 Sep 2020 09:00:31 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 【COCOON】”スタイル”で超簡単テキスト装飾一覧 https://design-eight.com/2020/09/30/cocoon-style/?utm_source=rss&utm_medium=rss&utm_campaign=cocoon-style https://design-eight.com/2020/09/30/cocoon-style/#respond Wed, 30 Sep 2020 07:24:33 +0000 https://design-eight.com/?p=725 ”スタイル”ツールのテキスト装飾バリエが沢山あってなかなか把握できない。。。 WordPressテーマのCOCOON（コクーン ）を使っていてすごく使いやすいのですが、超便利ツールの”スタイル”ツールのテキスト装飾バリエ […]

The post 【COCOON】”スタイル”で超簡単テキスト装飾一覧 first appeared on 気になるBLOG.]]>

”スタイル”ツールのテキスト装飾バリエが沢山あってなかなか把握できない。。。

WordPressテーマのCOCOON（コクーン ）を使っていてすごく使いやすいのですが、超便利ツールの”スタイル”ツールのテキスト装飾バリエが沢山あってなかなか把握できず、毎回、スタイルから選択→表示された装飾見てみる→ちょっとイメージと違う→再選択→表示された装飾みる・・・の繰り返しをしてました。。

そこで

WordPressテーマのCOCOON（コクーン ）の”スタイル”ツールにはどのようなテキスト装飾があるのかまとめました。

COCOON  スタイルツール　表示一覧

【ボックス】アイコン

補足情報（i）
補足情報（？）
注意喚起（i）
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

【ボックス】案内

プライマリー（濃い水色）
セカンダリー（濃い灰色）
サクセス（薄い緑色）
インフォ（薄い青）
ワーニング（薄い黄色）
デンジャー（薄い赤）
ライト（白色）
ダーク（暗い灰色）

【ボックス】白抜き

灰色
黄色
赤色
青色
緑色

【ボックス】タブ

チェック（灰色）　この他に（黄）（赤）（青）（緑）の全5色
コメント（黄）　　　この他に（灰色）（赤）（青）（緑）の全5色
ポイント（赤）　　　この他に（灰色）（黄）（青）（緑）の全5色
ティップス（青）　　この他に（灰色）（黄）（赤）（緑）の全5色
　ちなみにTIPSとは、ちょっとしたこつやテクニックのこと。
ヒント（緑）　　　　この他に（灰色）（黄）（赤）（青）の全5色
ピックアップ（灰色）　この他に（黄）（赤）（青）（緑）の全5色
ブックマーク（黄）　　　この他に（灰色）（赤）（青）（緑）の全5色
メモ（赤）　　　この他に（灰色）（黄）（青）（緑）の全5色
ダウンロード（青）　　この他に（灰色）（黄）（赤）（緑）の全5色
ブレイク（緑）　　　　この他に（灰色）（黄）（赤）（青）の全5色
Amazon（灰色）　この他に（黄）（赤）（青）（緑）の全5色
OK（黄）　　　この他に（灰色）（赤）（青）（緑）の全5色
NG（赤）　　　この他に（灰色）（黄）（青）（緑）の全5色
GOOD（青）　　この他に（灰色）（黄）（赤）（緑）の全5色
BAD（緑）　　　　この他に（灰色）（黄）（赤）（青）の全5色
プロフィール（灰色）　この他に（黄）（赤）（青）（緑）の全5色

【ボックス】付箋風

灰色
黄色
赤色
青色
緑色

バッジ

オレンジ　レッド　ピンク　パープル　ブルー　グリーン　イエロー　ブラウン　グレー

バッジの使い方例　　関連記事COCOONのスタイル一覧

 

マイクロコピー　（使い方）

マイクロコピーとは、リンク・ボタン周りに表示させるコピーライティング用の機能です。

例えばボタンの上に「＼アフィリエイト するなら／」と入れる場合

スタイル ＞ マイクロコピー ＞ テキスト（上）＞ 中央

になります。

 

＼アフィリエイト するなら／
A8.net  

テキスト（上）

テキスト（上）＞　左

＼アフィリエイト するなら／
A8.net  

 

テキスト（上）＞　右

＼アフィリエイト するなら／
A8.net  

テキスト（下）

テキスト（下）＞左

A8.net  
/アフィリエイトするなら\
テキスト（下）＞中央
A8.net  
/アフィリエイトするなら\
テキスト（下）＞右
A8.net  
/アフィリエイトするなら\

吹き出し（上）

吹き出し（上）＞左

＼アフィリエイト するなら／
A8.net  

吹き出し（上）＞中央

＼アフィリエイト するなら／
A8.net  

吹き出し（上）＞右

＼アフィリエイト するなら／
A8.net  

吹き出し（下）

吹き出し（下）　＞　左

A8.net  
／アフィリエイト するなら＼

吹き出し（下）　＞中央

A8.net  
／アフィリエイト するなら＼

吹き出し（下）　＞右

A8.net
／アフィリエイト するなら＼

ボタン

大きさ

レッド小

レッド中

レッド大

大きさは上記の3パターンです。

カラーパターン

ピンク中

パープル中

ディープパープル中

インディゴ中

ブルー中

ライトブルー中

シアン中

ティール中

グリーン中

ライトグリーン中

ライム中

イエロー中

アンバー中

オレンジ中

ディープオレンジ中

ブラウン中

グレー中

囲みボタン

「囲みボタン」はaタグを用いたテキストリンクをボタンにする機能です。

A8.net 

↑こちらに「囲みボタン」を適用します。

レッド（中）
A8.net 

大きさ

A8.net 

A8.net 

A8.net 

大きさは上記の3パターンです

カラー

「ボタン」と同じカラー展開なので割愛します。

 

囲みブログカードラベル

関連記事

参考記事

参考リンク

人気記事

あわせて読みたい

詳細はこちら

チェック

ピックアップ

公式サイト

ダウンロード

 

まとめ

たくさんありすぎて全然使いこなせてなかった・・・という方！簡単に見え方が華やかになりますのでぜひ使ってみてください！

 

The post 【COCOON】”スタイル”で超簡単テキスト装飾一覧 first appeared on 気になるBLOG.]]> https://design-eight.com/2020/09/30/cocoon-style/feed/ 0