〈超初心者の備忘録〉
文字を枠で囲いたい時・ボックスを作りたい時などに、使おうと思ってもどんなのだったっけ？と種類を覚えられないので、よく使うボックスなどはこのページを見たら分かる様に一覧にしておこうと思いました。
【操作方法】
（左上の「＋」ボタンをクリック）
↓
（左側の検索枠に使いたいボックス名を入れて検索する）
（もしくは、横のスライドバーで下にスクロールして「Cocoonブロック」または「Cocoon汎用ブロック」の中から使いたいブロックを選択する）
種類一覧
【Cocoonブロック】
白抜きボックス
（コンテンツを囲むだけのブランクボックス）
＊サイドバーのブロックで、ボーダー色・背景色・文字色などが変更可能
アイコンボックス
（アイコンを用いて直感的にメッセージ内容を伝える為のボックス）
案内ボックス
（ボックスの背景色により、直感的にメッセージ内容を伝える為のボックス）
プライマリー（濃い水色）
セカンダリー（濃い灰色）
インフォ（薄い青）
サクセス（薄い緑）
ワーニング（薄い黄色）
デンジャー（薄い赤色）
ダーク（暗い灰色）
付箋風ボックス
（目立つ濃いめの色で付箋風にメッセージを伝える為のボックス）
（灰色）
(黄色）
（赤色）
（青色）
(緑色）
タブボックス
（タブにメッセージ内容を伝える為の文字が書かれているボックス）
＊サイドバーのブロックで枠の色・背景色・文字色などが変更可能
（チェック）
（コメント）
（ポイント）
（ティップス）
（ヒント）
（ピックアップ）
(ブックマーク）
（メモ）
（ダウンロード）
（ブレイク）
（Amazon）
（OK）
（NG）
（GOOD）
（BAD)
（プロフィール）
吹き出し
（登録されている吹き出しのオプションを変更できる）
＊サイドバーのブロックで、位置・アイコンスタイル・吹き出しの文字色・背景色・ボーダー色などが変更可能（人物をクリックして、画像の変更も可能）
（いろいろなスタイル↓）
（男性/デフォルト/左/丸・枠線あり）
(女性/フラット/右/四角・枠線あり）
ビジネスマン/LINE風/左/丸・枠線なし）
ビジネスウーマン/フラット/右/四角・枠線なし
悩むおじさん/デフォルト/左/四角・枠線あり
悩むおばさん/考え事/右/丸・枠線あり
男性医師/LINE風/左/四角・枠線なし
女性医師/デフォルト/右/四角・枠線あり
ドヤ顔男性/フラット/左/丸・枠線あり
ドヤ顔女性/考え事/右/丸・枠線なし
ブログカード
（ブログカード表示用の入力ブロックを表示。URLは複数入力可能）
(例：Cocoonの公式サイトを紹介したい場合↓)
サイトのアドレスを貼るだけで、画像と概要などを自動的に表示してくれて、お洒落な感じで記事に埋め込む事が出来ます
（ラベルなし）
（参考リンク）
（人気記事）
（あわせて読みたい）
（詳細はこちら）
（チェック）
（ピックアップ）
(公式サイト）
（ダウンロード）
（前回の記事）
（続きの記事）
【Cocoon汎用ブロック】
見出しボックス
（ボックス「見出し」を入力できる汎用ボックス）
＊サイドバーのブロックで、アイコンの設定・枠の色・背景色・文字色などが変更可能
タブ見出しボックス
（ボックスに「タブ見出し」を入力できる汎用ボックス）
＊サイドバーのブロックで、アイコンの設定・枠の色・背景色・文字色などが変更可能
ラベルボックス
（ボックスに「ラベル見出し」を入力できる汎用ボックス）
＊サイドバーのブロックで、アイコンの設定・枠の色・背景色・文字色などが変更可能
いろいろあるので、上手く取り入れていけるようになりたいなと思います！
にほんブログ村
コメント