【Cocoon】リスト(箇条書き)をボックスに入れる超簡単な方法【カスタマイズ不要】

Cocoonリスト(箇条書き)ボックスに入れるブログ

リスト(箇条書き)は文章ばかりの記事をより読みやすくするために絶対必要な要素です。

文字文字してる記事は読みたくないよぅ

リストを使うことで、ある程度記事を読みやすく(見やすく)することができます。

本記事ではWordPressテーマCocoonを使っているあなたへ

  • ブロックエディタにおけるリストの簡単な使い方
  • リストをボックスに入れる方法

これらを画像付きで分かりやすく説明していきます。

カスタマイズ不要!CSSの知識ゼロで全然余裕です

それでは見ていきましょう

リストの基本的な使い方

まずはリストの基本的な使い方から確認していきましょう。

リストブロックを呼び出す

ワードプレスの投稿画面からブロックの追加(⊕)一般ブロックリストと進んでください。

そうすると「・」のブロックが出ますね。

そこに文字を書いてenterを押すと改行されて2個めの「・」が出てきます。2つ目を書いたらまたenter。っていう風にして箇条書きを書くことができます。

▼こんな感じでリスト(箇条書き)ができます▼
  • 文字を書いてenter
  • 2個目の文字を書いてまたenter
  • そうすると箇条書きが書ける

番号付きリストに変換&インデント

リストブロックを選択しているときにツールバーに出てくる機能があります。

説明は上の画像のまんまで、実際にやってみると下のような感じです。

  1. こんな感じで
  2. 箇条書きが番号になる
    1. インデントすると(2-1)みたいになる
    2. いんでんと
      1. インデント(2-2-1)
    3. 戻すこともできる
  3. 終わり

リストの基本は以上です。使い方ばっちりですね!

箇条書きをボックスに入れる方法:1

では基本がわかったところでちょっとだけ応用編です。リストだけだと味気ないので、ボックスの中に突っ込みます。

ブロックの追加(⊕)Cocoonブロック白抜きボックスと進みましょう

白抜きボックス

そしたら画面右側のサイドバーから、白抜きボックスの枠線・文字・背景の色を決めましょう。

これでボックスができたので、ボックスの中の「文章を入力、または/でブロックを選択」のところを左クリック。

そこで基本のやり方の通りにリストブロックを追加しましょう。ブロックの追加一般ブロックリストです。

これでボックスの中にリストが入りました。いくつか例を作ってみたので見てみてください。

  • 実際にボックスの中にリストを入れています。
  • こんな感じ
  • ボックス内にリストの例2です。
  • 色を工夫すれば黒板風にもできますね
  • ボックス内にリストの例3です
  • 枠線と背景の色を同じ色にしています
  • 僕はこのボックスリストを多用しています
  • あなたもあなたのブログにあったリストを作ってみましょう

  • リストはこんな風に
  • 白抜きボックス以外の
  • あらゆるブロックの中に
  • 入れることができます
  • 工夫してみましょう

箇条書きをボックスに入れる方法:2

2つ目の方法は「アイコンリスト」ブロックを使用します。ブロックの追加(⊕)Cocoonブロックアイコンリストを選択してください。

アイコンリストブロックを選択し、画面右側のサイドバーからアイコンの種類・アイコンの色・枠線・背景・文字の色を決めましょう。

  • 枠線に色を付ければ
  • ボックスの中に箇条書きができます
  • アイコンも50種類ほどありますので
  • いろいろ選んでみましょう
    • インデントはできますが
      • アイコンを「・」や「数字」
  • にはできないので注意が必要です

これで箇条書きをボックスに入れる方法:2の説明は終了です。

WordPress/Cocoonのリスト機能を使いこなせ!

本記事では【Cocoon】リスト(箇条書き)をボックスに入れる超簡単な方法【カスタマイズ不要】

ということで、Cocoonではどうやって箇条書きを上手につかうの?というところを説明してきました。

意外と簡単ですよね。あなたのブログにも箇条書きをたくさん使って、見やすい記事をめざしていきましょう!

Cocoon関連記事

当ブログではほかにもCocoon初心者向けの記事をいくつか投稿しています。そちらも気になったらぜひチェックしてみてください。

あわせて読みたい Cocoon関連記事まとめ

コメント

プロフィール
峠

とうげです。30代サラリーマンです。地方進学校→一浪→大学理工学部→就職。行動することを大切にしています。投資、アフィリエイト、ブログやってます。インデックス投資で1000万円運用中。本業は地方に長期出張する施工管理→技術職へ異動。小さいときはロボット作り屋さんになりたかった。

峠をフォローする
タイトルとURLをコピーしました