本サイトはアフィリエイト広告を利用しています

Cocoonのアップデート:リストブロックにボーダーとスタイル装飾が追加されました

- PR -

無料テーマCocoonは常に進化してして、バージョン2.6.8ではリストブロックにボーダーとスタイルを設定できるようになりました。

Cocoon 2.6.8 追加内容

今回新たに追加された機能は次の通りです。

  • リストブロックにボーダー・スタイル装飾の追加
  • 各ブロックに余白調節機能追加

なお、こちらはあくまでもWordPress標準のリストブロックに対する設定で、Cocoonのアイコンリストブロックとは異なるブロックです。

リストブロック

CocoonをインストールしているWordPressでは、記事内にリストを作るには2通りのブロックを使えます。

ひとつはWorePress標準リストブロックこちらは「/list」で呼び出せます

もうひとつはCocoonのアイコンリストブロックです。こちらは「/iconlist」で呼び出せます

今回の追加機能はリストブロックが対象です。

リストブロックを選択すると、サイドバーのブロックオプションに[ボーダー設定]、[スタイル]、[ブロックした余白]の設定項目が表示されます。

リストブロックのボーダー設定

[スタイル設定]に関しては、段落ブロックと同様のスタイルが設定できます。

サンプル

主なボーダースタイルのサンプルです。

  • ボーダー[実線]
  • テスト
  • テスト
  • ボーダー[二重線]
  • テスト
  • テスト
  • ボーダー[点線]
  • テスト
  • テスト
  • ボーダー[薄太]
  • テスト
  • テスト
  • ボーダー[微凸]
  • テスト
  • テスト
  • ボーダー[実線(角丸小)]
  • テスト
  • テスト
  • ボーダー[二重線(角丸小)]
  • テスト
  • テスト
  • ボーダー[実線角丸大]
  • テスト
  • テスト
  • ボーダー[実線角丸大]
  • テスト
  • テスト

リストブロックを[グループ化]すれば、ブロックの幅を変えることも可能でした。

  • ボーダー[実線角丸大]
  • グループ化後に「幅広」を600pxに変更してみました。
  • テスト

ボーダーの太さや色を指定できないようで、それがちょっと残念です。

とはいえ、簡易的にサッと使えるので、記事作りの効率化に役立ちそうです。

リストブロックのスタイル設定

サンプル

  1. テスト1
  2. テスト2
  3. テスト3
  1. テスト1
  2. テスト2
  3. テスト3
  4. テスト4
  5. テスト5
  6. 色が反映するのはリスト3項目までの模様…
  1. テスト1
  2. テスト2
  3. テスト3
  1. テスト1
  2. テスト2
  3. テスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3
  • リスト1
  • リスト2
  • リスト3

シンプルで、なかなか使いやすいスタイルが増えて良い感じです。

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