Cocoonのブロック

雑学

Cocoonブロック

アイコンボックスブロック

アイコンボックスブロックは、アイコン付きのボックスを作成できるブロックです。

  • リスト
  • 問題なく
  • 入れられる

クエッションマーク?

Good!

など10種類あり補足情報や注意事項などを表示したいときに便利です。

案内ボックスブロック

案内ボックスブロックは、背景色によりテキストを目立たせるボックスを作成できるブロックです。

案内

注意を促す

カラーはあらかじめ用意された色から選択する仕様で、8種類のカラーから選択できます。

タブボックス

タブボックスを全部表示させると、スペースが必要なので一部だけ。

  • リストも対応
  • チェックリスト

コメント

タブ in タブ

Amazon商品紹介

選べるタグ

  • チェック
  • コメント
  • ポイント
  • ティップス
  • ヒント
  • ピックアップ
  • ブックマーク
  • メモ
  • ダウンロード
  • ブレイク
  • Amazon
  • OK
  • NG
  • GOOD
  • BAD
  • プロフィール

白抜きボックス

紫枠

  • ピンク枠
  • リストもOK

付箋風ボックス

  • リストもOK
  • チェックリストの強調に

吹き出しブロック

アイコン画像は自分で用意したものを設定するか、テーマで用意されているものが使用できます。

な

吹き出し

さ

設定するとオリジナル化可能

タイムライン

ブロック設定からアイテム数を変更できます。

タイムラインのタイトル
  • STEP1
    タイトル

    アイテム追加

  • ラベル
    タイトル

    「タイムラインタイトル」部分を選択する

  • ラベル
    タイトル

    右のオプション部分に「アイテム数」が出てくるので選択

ブログカード

外部リンクも設定可能

選べるタグ

  • 関連記事
  • 参考記事
  • 参考リンク
  • 人気記事
  • あわせて読みたい
  • 詳細はこちら
  • チェック
  • ピックアップ
  • 公式サイト
  • ダウンロード
  • 前回の記事
  • 続きの記事

ボタン

ボタン小

ボタン中

ボタン大

大ボタンは、左右寄せ、中央寄せの変化はなく全て同じです。

丸いボタン

丸いボタンも可能です。

光るボタン

囲みボタン

囲みボタンは、アフィリエイトタグなどを改変したくない場合に利用します。

さくら

トグル(アコーディオン)ボックス

アコーディオンをトグルという

アイコンリスト

アイコンリスト
  • リスト1
  • リスト2
  • リスト3
メリット
  • メリット1
  • メリット2
デメリット
  • デメリット1
  • デメリット2

検索案内

検索を促すスタイルも表示できます。クリックするとGoogleで指定したキーワードで検索もできます(※AMPページでは検索できません)。

汎用ボックス

ボックスの見出し、アイコン、色を自由に選択し、汎用的に利用できるボックスブロックです。

見出しボックス

見出しと内容を書き込める汎用ボックスです。
色は20種類以上、アイコンは50種類以上の中から選択できます。

なお

さくら

  • 梅1
  • 松2
電車の時間

渋谷 → 水戸

タブ見出しボックス

フォルダー風のタブ見出しボックスです。
色は20種類以上、アイコンは50種類以上の中から選択できます。

さくら

新大阪 → 京都 → 品川

良かった点
  • うめ
  • さくら

ラベルボックス

ラベルボックスは、囲み枠の上部にラベル形式で見出しを表示できる汎用ボックスです。
色は20種類以上、アイコンは50種類以上の中から選択できます。

コメント
  • 勉強
  • 計画

マイクロコピー

ボタンに付加する 補助文書など。 

マイクロテキスト

\ 完成~ /

マイクロバルーン

吹き出しつきのをマイクロコピーです。色も変更できます。

バルーン

参考

Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。

コメント

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