【Cocoon】箇条書きをカラー枠で囲む方法。画像で解説

ブロックの中から「リスト」を1回クリックします。「リスト」が見当たらない場合は、検索ボックスに「リスト」と入力してください。

右側の欄に追加された「・」の横に箇条書きの内容を入力していきましょう。2行目に移動するときは「Enter」で改行をすると自動的に「・」が追加されます。

「Enter」で改行するとリストが以下のように並びます。

• りんご
• みかん
• ぶどう

箇条書きを終了するときは、最後の文字のあとで「Enter」を2回押してください。

改行ではなく、リストを複数追加してから文章を入力すると、以下のように1行ごとに隙間ができてしまいます。

• マスカット

• いちご

• もも

番号つきのリストにしたい場合は、挿入したリストのあたりでクリックして、下図の矢印の項目をクリックします。

ボックス(囲み枠)内にリストを作る方法

はじめに、ボックスを挿入してから、その中に箇条書きリストを追加します。

リストを挿入したい位置にカーソルを合わせて、画面左上の「＋」をクリックします。

検索に「ボックス」と入力し、「白抜きボックス」をクリックします。

本文入力スペースにボックスが挿入されますので、ボックスの内側をクリックして、先ほどの手順で箇条書きリストを入力していきましょう。

1. 「+」をクリック
2. 「リスト」を1回クリック
3. 「Enter」で改行しながら箇条書きの文章を入力していく

この手順です。

ボックス内のテキストの色、背景色はボックスの内側をクリックして右側に表示される「色」をクリックすると変更できます。

ボックスの枠線の色は、↓図のようにボックスの外側をクリックして右側に表示された編集画面の「ボーダー色」から変更できます。

作成中はデータが消えてしまわないよう、こまめに下書き保存をすることをおすすめします。

クラシックエディタの場合

クラシックエディタにはブロックがなく、本文入力画面の上にあるツールを選んで編集していきます。