Cocoon初心者ための「囲み枠・スタイル」を一覧でぱっと見れる

タイトル画像BLOG

はてなブログからWordPressに移ってきてまだ操作に戸惑っているです。
「cocoonが無料でスゴい!」といろんなブログで見て現在利用中です。

噂通りスゴいことはスゴいんですが、説明書を読まずに使い始めるタイプなのでボタンがいっぱいあって、したいことをするために何をしたらいいかわからない日々を1ヶ月位過ごしていました。

昭和生まれの普通の会社員がすぐになんでも使いこなせるはずないだろう。
初代ファミコンからハード機の階段を一つづつ登ってきたんだ。
みたいな方や文字だけではイマイチ覚えきれない方に。

cocoon様の公式サイトに表示サンプルが乗っているのですが、
まだ慣れていないのでコードとか難しいことは後回しにして、記事を書いている時に

パッと見て、コレ使いたいけどあったっけ?

とすぐわかるように、スタイルを見ながら記事を書けるように、ずらっと並んでるのが欲しいと思い調べても全部いっぺんに見れるものが見つからなかったので、それだけを載せます。

インライン

太字
赤字
赤太字
赤アンダーライン

青太字

緑太字
打ち消し線
キーボードキー

マーカー

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

ボックス(アイコン)

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

ボックス(案内)

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

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

チェック(灰色・黄色・赤色・青色・緑色)
コメント(灰色・黄色・赤色・青色・緑色)
ポイント(灰色・黄色・赤色・青色・緑色)
ティップス(灰色・黄色・赤色・青色・緑色)
ヒント(灰色・黄色・赤色・青色・緑色)
ピックアップ(灰色・黄色・赤色・青色・緑色)
ブックマーク(灰色・黄色・赤色・青色・緑色)
メモ(灰色・黄色・赤色・青色・緑色)
ダウンロード(灰色・黄色・赤色・青色・緑色)
ブレイク(灰色・黄色・赤色・青色・緑色)
Amazon(灰色・黄色・赤色・青色・緑色)
OK(灰色・黄色・赤色・青色・緑色)
NG(灰色・黄色・赤色・青色・緑色)
GOOD(灰色・黄色・赤色・青色・緑色)
BAD(灰色・黄色・赤色・青色・緑色)
プロフィール(灰色・黄色・赤色・青色・緑色)

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色

バッジ

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

マイクロコピー・ボタン・囲みボタン

公式様のが動画ですごくわかりやすいです。
さすが創造主。
https://wp-cocoon.com/micro-copy/
https://wp-cocoon.com/button-style/
https://wp-cocoon.com/blogcard-types/

セーブはボタン一つでできなかった復活の呪文世代なんだ。
自分の書いている記事でいつ使えばいいかわからないんだ。

囲みブログカードラベル

囲みブログカード拡張スタイルの使い方
ブログカード作成用のURLを囲むだけで様々なタイプのブログカード表示ができるようになる機能の使用方法です。

公式のマニュアルがこんなにわかりやすいなんて。

以上です。

ありがとうございました。

よかったらコメントやフォローしてくれると励みになります。

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