Cocoonのブロック

雑学

Cocoonブロック

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

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

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

クエッションマーク?

Good!

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

Cocoonのブロック

案内ボックスブロック

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

案内

注意を促す

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

Cocoonのブロック

タブボックス

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

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

コメント

タブ in タブ

Amazon商品紹介

選べるタグ

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

白抜きボックス

紫枠

  • ピンク枠
  • リストもOK

付箋風ボックス

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

緑

赤

吹き出しブロック

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

な
な

吹き出し

さ
さ

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

タイムライン

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

Cocoonのブロック
タイムラインのタイトル
  • STEP1
    タイトル

    アイテム追加

  • ラベル
    タイトル

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

  • ラベル
    タイトル

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

ブログカード

外部リンクも設定可能

選べるタグ

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

ボタン

ボタン小

ボタン中

ボタン大

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

丸いボタン

丸いボタンも可能です。

Cocoonのブロック

光るボタン

囲みボタン

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

さくら

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

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

アイコンリスト

Cocoonのブロック
アイコンリスト
  • リスト1
  • リスト2
  • リスト3
メリット
  • メリット1
  • メリット2
デメリット
  • デメリット1
  • デメリット2

検索案内

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

Cocoonのブロック
遺伝子レベルで相性が良い男性の100の特徴
恋愛における「遺伝子レベルの相性」をテーマに、科学的用語とユーモアを融合させた100のパロディ特徴を紹介。疑似科学や進化生物学のパロディを通じて、直感や日常の行動から相性を見極めるエンタメ的知見が得られます。

汎用ボックス

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

見出しボックス

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

なお

さくら

  • 梅1
  • 松2
電車の時間

渋谷 → 水戸

タブ見出しボックス

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

さくら

新大阪 → 京都 → 品川

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

ラベルボックス

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

コメント
  • 勉強
  • 計画
Cocoonのブロック
インテリアコーディネーター資格取得に向けた勉強方法
インテリアコーディネーター資格の取得を目指す方向けに、CBT方式への移行など最新の試験傾向を踏まえた学習戦略を解説。「読書好き」「記憶が苦手」という学習特性を活かし、アクティブ・リーディングや分散学習を用いて効率的に合格を勝ち取る実践的な勉強法を紹介します。

マイクロコピー

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

マイクロテキスト

\ 完成~ /

マイクロバルーン

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

バルーン

参考

Cocoonのブロック
Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
Q よくある質問 (FAQ)
Q. Cocoonのタイムラインブロックでステップ数を変更するにはどうすればよいですか?
A.
タイムラインブロックを選択後、エディタ右側のブロック設定オプション内にある「アイテム数」から自由に変更可能です。
Q. 「囲みボタン」ブロックはどのような場面で使用しますか?
A.
アフィリエイトタグなどのコードを改変することなく、そのままボタン風のデザインに落とし込んで設置したい場合に適しています。
Q. 汎用ボックスやラベルボックスでは、色やアイコンのカスタマイズは可能ですか?
A.
はい、色は20種類以上、アイコンは50種類以上の豊富な選択肢から、コンテンツに合わせて自由に選んで設定できます。

コメント

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