案内ボックス

基礎編 基礎編
この記事は約2分で読めます。

案内ボックスのサンプル

案内ボックスには以下の8種類が用意されています。

これがデフォルトの案内ボックスです。

こちらが色違いの案内ボックスです。

これは「インフォ(薄い青)」の案内ボックスです。

これは「サクセス(薄い緑)」の案内ボックスです。

こちらは「ワーニング(薄い黄色)」の案内ボックスです。

こちらは「デンジャー(薄い赤色」の案内ボックスです。

これは「ライト(白色)」の案内ボックスです。

これは「ダーク(暗い灰色)」の案内ボックスです。

案内ボックスの設定方法

  1. 案内ボックスを入れたい場所をクリックする
  2. 画面左上の「ブロック挿入ツール(+)」をクリックする
  3. 一覧の中の「cocoonブロック」の中の「案内ボックス」を選択する
  4. 右メニューの「スタイル設定」、「タイプ」のドロップダウンメニューから好きな案内ボックスを選択する
  5. 案内ボックスの中に文章を記入する

複合的な使い方

案内ボックスの中にリストを入れることも可能です。手順は、案内ボックスを作ってから、その中にリストブロックを入れるという順番で行います。

  1. 埼玉県
  2. 群馬県
  3. 長野県
  1. HP
  2. NEC
  3. 富士通
  1. 地図
  2. コンパス
  3. ヘッドライト

コメント