grayishスキン適用中

Cocoon 2.0でブロックエディターを強化。新しい表現が可能に。

ブロックエディター
この記事は約4分で読めます。

Cocoon Blocksの機能を強化しました。

主に以下のブロックの色設定機能を強化しました。

  1. 吹き出し
  2. 白抜き
  3. ボタン
  4. 囲みボタン
  5. アイコンリスト
  6. タブボックス
  7. タイムライン
  8. トグルボックス
  9. 見出しボックス
  10. タブ見出しボックス
  11. ラベルボックス
  12. マイクロバルーン
  13. マイクロテキスト

それぞれで以下のような表現も出来るようになりました。

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

吹き出し

吹き出しでは、バルーンの色を変更できるようになりました。

吹き出しの色を変更できるようになりました。

背景とともに文字の色も変更できます。

枠線も変更できます。

白抜き

白抜きボックスの色もある程度変更できます。

これまでは、ボーダー色だけだったけど、背景色と文字色も変更できるようになりました。

やろうと思えば、こんな奇抜な配色も可能。

この入力はこんな感じで黒板調にすることも可能です。

ボタン

ボタンも背景色・文字色・ボーダー色と文字サイズを変更できるようになりました。

こんな感じの淡いボタンを作成したり

枠をなくした淡いボタンとかも。

こんな感じで文字サイズを大きくしたりも。

囲みボタン

囲みボタンブロックでも同様に背景色・文字色・ボーダー色・文字サイズを変更できます。

アイコンリスト

アイコンリストも、背景色と文字色が追加されました。

変更できる色はこちら
  • アイコン色
  • ボーダー色
  • 背景色
  • 文字色
遠足の持ち物(黒板風)
  • リュック
  • 旅のしおり
  • おやつ(500円+軽減税率分)

タブボックス

タブボックスも元からあった枠線の色に加えて、背景色文字色を変更できるようになりました。

こんな感じでフォルダ表現とかも。

タイムライン

タイムラインは、ポイント色や、背景色、文字色、ボーダ色まで変更できるようになります。

○○会社 桜の会の参加の手順
  • 手順1
    社長ファンクラブに入会する

    社長を応援する会に入会します。

  • 手順2
    申し込み用紙が届くので記入する

    2月頃に申し込み用紙が届くので、記入して社長秘書に渡します。
    ※会社に功績がある方は申し込まずとも3月に案内が届きます。

  • 手順3
    後日案内が届く

    しばらくすると案内が届くので、案内状の指示に従って○○に集合しバスに乗ります。

トグルボックス

トグルボックスも、枠の色、背景色、文字色に対応しています(※ラベルの色は白になります)。

背景色と文字色は、中身の色が変わります。

中身の色まで同じに。

見出しボックス

見出しボックスも、枠の色、背景色、文字色に対応しています。

見出しボックスの色変更

背景色と文字色は、こちらの部分に適用されます。

ドライブスルーにて

プリン食べてきました。

タブ見出しボックス

タブ見出しも 、枠の色、背景色、文字色に対応しています。

フォルダ風

フォルダの内容

毒々しい

組み合わせに失敗するとこんなのにもなる。

ラベルボックス

ラベルボックスも 、枠の色、背景色、文字色に対応しています。

良いところ
  • 早い
  • うまい
  • 安い
良くないところ
  • ワンオペ
  • 労働力不足
  • 従業員の負担が大きい

マイクロバルーン

マイクロバルーンは、アイコンがつけれるようになり、背景色、文字色、ボーダー色が変更できるようになりました。

Amazonで購入
無料体験はこちら
高機能サーバー

マイクロテキスト

マイクロテキストは、アイコン選択ができるようになり文字色が変更できるようになりました。

WordPress楽々導入
安定度抜群

まとめ

このように、v2.0からブロックエディターの表現力が上がりました。

工夫次第で様々な表現ができるようになったかと思います。

加えて、Gutenbergの基準に従ってパレットの色を出力する用にしたので、Gutenbergのフックなども使えるようになったかと思います。

コメント テーマの質問はフォーラムへ

  1. リオネッサ より:

    こんにちは!
    Cocoonがとっても使いやすくて大好きです。
    色を変更できる機能をとても待ち望んでいたのですごく嬉しいです。
    アップデートもお疲れさまでした。
    めちゃくちゃお世話になっています。
    いつも本当に感謝しています。

    • わいひら わいひら より:

      こんにちは。
      そう言っていただけると、前回のアップデートから1ヶ月以上かけて大幅改修した甲斐がありました^^
      書き込みありがとうございます。

  2. ちゅる より:

    はじめまして、サイト開設以降ずっとCocoonを利用させてもらってます。

    機能が超強化されてて感激です!
    特にボタンと吹き出しの強化、とても嬉しく思います。
    今まで吹き出しをちまちまカスタマイズしていたので…!

    黒板調もかわいいので、機会があれば使ってみようと思います。

    ありがとうございました。感謝です。

    (タイムラインの桜の会がちょっと面白かったです)

    • わいひら わいひら より:

      結構苦労して実装した機能なので、そう言っていただけると滅茶苦茶嬉しいです。
      あとついでに、この書き込みを見て投稿内容を見返していたら、不具合を見つけたので修正することもできました。
      こちらこそありがとうございます。

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