コクーンでリスト(箇条書き)を設定する方法を紹介!

コクーンでリスト(箇条書き)を設定する方法を紹介! コクーン

今回は、コクーン(Cocoon)でリストを作成する方法を紹介します。

リストとは、いわゆる箇条書きの設定になります。

記事の中で情報を箇条書きでまとめたい場合もよくあります。
それにより、情報をより見やすく表示することができます。

また、リストを使って箇条書きを設定することで、Googleは情報をより詳しく理解することができます。
そのため、リストを使用することは、SEO対策にもなります。

箇条書きを設定する場合には、リスト機能を利用するようにしましょう。

コクーンでアンダーライン・マーカーを引く方法を紹介!
【コクーン】7種類の装飾で記事をアレンジ!コクーンで文章にアンダーラインやマーカーを引く方法を解説。読者の目を引く記事を作成しましょう。
コクーンで文章に太字・色文字を設定する方法を紹介!
【コクーン】文字装飾の方法を紹介!コクーンで文章を太字にしたり、色を変えたりして、読者に分かりやすく情報を伝えられます。ぜひ参考にしてください!

コクーンでリストを設定する方法

リストには、通常のリストと番号付きリストの2種類があります。

HTMLタグで表すと「<ul>~</ul>」で囲ったものが通常リスト、「<ol>~</ol>」で囲ったものが番号付きリストになります。
もちろん、実際にHTMLタグを自身で打ち込まなくても、簡単にリストを作成することができます。

まずは、通常のリストの作成を方法から紹介します。

通常リストの作成方法

まずは、ブロックを挿入したい場所に「/」を入力します。
「/」を入力

ブロックメニューが出てくるので、その中から「リスト」を選択します。
リストを選択

「/」で出てきたメニューに「リスト」が含まれていない場合もあります。
その場合は、右側の「+」をクリック→「リスト」で検索してください。
リストブロックを検索

「リスト」を選択すると、このようにリストが追加されます。
追加されたリスト

リストが追加されたら、そこに文章を入力します。
リストに文章を入力

1つ目のリストを作成したら、ENTERをクリックして次のリストを追加します。
ENTERでリストを追加

このようにして必要な数のリストを設定したら、箇条書きの作成が完了です。
完成したリスト

箇条書きで情報をまとめる場合には、このようにリストを使用して作成するようにしましょう。

番号付きリストの作成方法

番号付きリストとは、各リストの先頭に番号を付けて表示するリストです。
上から順番に自動で番号が付けられるので、リストに番号を振りたい場合に便利な機能です。

今回は、上記で作成したリストを番号付きリストに変更してみます。

メニューの左側にある3本線のようなマークをクリックします。
番号付きリストを追加

表示されるメニューが切り替わるので、その中にある番号付きリストを選択します。
番号付きリストを追加

これで、番号付きリストに切り替わります。
完成した番号付きリスト

箇条書きのリストの前に番号を付与したい場合には、このように番号付きリストを使用しましょう。

リストをボックスで囲む方法

リストをボックスで囲んで表示される方も多いです。
それにより、箇条書きを見やすくすることができ、より読みやすい記事に仕上げることができます。

まずは、ボックスを追加します。
右側にある「+」をクリックしてください。
「+」をクリック

ブロックの追加メニューが出てくるので、「Cocoon ボックス」と検索します。
このようにいくつかのボックスが出てきます。
ボックスを選択

今回は、「白抜きボックス」を選択し、記事に挿入してみます。
※皆さんは、実際に使用したいボックスを選択してください。
追加されたボックス

ボックスを挿入したら、次に白抜きボックスのボーダーに色を付けてみます。
画面右側にある「ボーダー色」をクリックすると、色の選択ボックスが開きます。
ボーダーの色を選択

使用した色を選択して、ボーダー色を設定してみましょう。
ボーダーの色を選択

次に、ボックス内でリストを作成します。
ボックス内にカーソルを合わせて「/」を入力してください。
ボックス内に「/」を入力

出てきたメニューの中から「リスト」を選択します。
ボックス内でリストを追加

これで、ボックス内にリストが追加されます。
ボックス内でリストを追加

追加されたリストに文章を設定します。
リストに文章を入力

あとは、ENTERで必要な数のリストを追加して完了させましょう。
完成したボックス内リスト

これで、ボックスに囲まれたリストの作成が完了です。

最後に

今回は、コクーン(Cocoon)でリストを作成する方法を紹介しました。

リストは、情報を箇条書きでまとめる便利な機能です。
リストを使用して箇条書きを作成することで、Googleも情報を理解しやすくなりSEO対策にもなります。

コクーンで箇条書きを表示する場合には、当記事を参考にしてリストを作成していただけると幸いです。

コメント

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