現在デフォルトスキンとして「Momoon(アクア)」を適用中。

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のフックなども使えるようになったかと思います。

ブロックエディター
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年4ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに20%割引(※2019/12/18 17:00まで)。

クーポンコード:Y2KIC92J9Y

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:1年2ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon

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

  1. リオネッサ より:

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

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

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

  2. ちゅる より:

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

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

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

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

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

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

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

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