以前のブロックエディターのインラインスタイルツールボタンはこんな感じ。
けれど、これだと場所取りすぎるので、同一用途ごとにドロップダウン化しました。
機能追加
- 「文字」ドロップダウン追加
- 「マーカー」ドロップダウン追加
- 「バッジ」ドロップダウン追加
- 「文字サイズ」ドロップダウン追加
詳細はこちらを参照してください。

Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
「文字」ドロップダウン追加
ブロックエディターのツールボタンに「文字」インラインスタイルを追加しました。
「マーカー」ドロップダウン追加
ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。
「バッジ」ドロップダウン追加
ブロックエディターのツールボタンに「バッジ」インラインスタイルを追加しました。
「文字サイズ」ドロップダウン追加
ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。
ドロップダウンメニューの実装には、ロコさんに、絶大なるヒントをいただきました。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
変更
- モバイルの吹き出しアイコンサイズ調整
- ボタン色調整
- バッジ色調整
- マイクロバルーンの余白調整
- シェア・フォローボタンにnoreferrer追加
関連トピック。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
不具合修正
- 「マルチページのページャーリンク」スタイルの重複削除
- プロフィール入力エリアの出力制限
- WordPress標準のブロックエディターカラムの不具合修正
- m-soraスキンの背景画像の不具合修正
- 予約投稿時の投稿日と更新日の不具合修正
-
figure.wp-block-embedとdiv.wp-block-embed__wrapperの除外
関連トピック。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
お礼
Amazon欲しい物リストから「コンクールF」マウスウォッシュをいただきました。
ありがとうございます!
日々、健康に過ごすなら、まずは口内環境を整えることが肝要!口内環境の悪化は病気の元。ということで、毎日愛用しています。
低刺激でありながら、効果が高いと感じています。
※マーケットプレイス発送なので送り状がなく、お名前はわかりませんでした。
コメント テーマの質問はフォーラムへ
バッジきたー*・゜゚・*:.。..。.:*・'(*゚▽゚)'・*:.。. .。.:*・゜゚・*
「参考リンク」で多用しているため、これでクラシックを一つも使わずにGutenbergを100%使うことができるようになった!(私が)
ワーイ
しかも「キーボードキー」もきてるー∩(・∀・∩
デスクトップアプリのインストールとか操作方法でキーボード説明をすごい使うから、これまた嬉しい。
ロコさんとわいひらさんありがとー!
ありがとうございます。
バッジもさっさと実装したかったんですけど、以前のボタン表示形式だと、場所がなかったんですよね^^;
今回、ドロップダウン化できたことは大きいです。
必要な機能を追加しようと思えばまだまだできます。