Cocoonでできるスタイル(エフェクト)一覧

Cocoonは文字列やリンクに対して様々なエフェクトをかけることができます。

スタイルと呼ばれていますが、多すぎて整理したかったので記事にしました。

記事を作ってみて、改めてCocoonはすごいなと思いましたので、ぜひ参考にしてみてください!

※フォントサイズについては省略しております。

インライン

太字

赤字

赤太字

赤アンダーライン

青太字

緑太字

打ち消し線

キーボードキー

キーボードキーctrl + Enterみたいに使えますね!

マーカー

黄色マーカー

赤色マーカー

青色マーカー

黄色アンダーラインマーカー

赤色アンダーラインマーカー

青色アンダーラインマーカー

ボックス(アイコン)

補足情報(i)
補足情報(?)
注意喚起(!)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

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

ボックス(白抜き)

全部で5色あります!(これは赤色)

ボックス(タブ)

こちらもそれぞれ5色から選べます!
チェック
コメント
ポイント
ティップス
ヒント
ピックアップ
ブックマーク
メモ
ダウンロード
ブレイク
Amazon
OK
NG
GOOD
BAD
プロフィール

ボックス(付箋風)

これも5色から選べます!(これは青色)

バッジ

様々な色から選べます!

アクセントにどうぞ!

関連サイトhttps://yahoo.co.jp/

マイクロコピー

オススメ!
テキスト(サンプル)
オススメ!
吹き出し(サンプル)

ボタン

様々な色と、大中小の大きさから選べます!

ボタン(小)

ボタン(中)

ボタン(大)

囲みボタン

こちらも様々な色と、大中小の大きさから選べます!

<a>タグに対して設定します。上のボタンよりこっちの方が使いやすいと思います。

Yahoo! JAPAN

Yahoo! JAPAN

囲みブログカードラベル

まとめ

太郎くん、どうだった?

すごいね!こんなにたくさん使えて、無料ってくのは驚き!

そうだね!これらのスタイルを使いこなせれば
見やすいブログが作れそうだね!

がんばりまーす♪

スタイルではないですが、無駄に吹き出しを使ってみました。。。

しかし、本当にCocoonはすごいです。

有料テーマの導入に渋っている方は一度Cocoonを導入してみればいいと思います。

物足りなければ有料テーマを購入すればいいのではないでしょうか!?

 

コメント

タイトルとURLをコピーしました