grayishスキン適用中

Cocoon 1.7.2公開。ブロックエディターインラインスタイルのドロップダウン化。バッジスタイルの追加。

アップデート情報
この記事は約5分で読めます。

以前のブロックエディターのインラインスタイルツールボタンはこんな感じ。

けれど、これだと場所取りすぎるので、同一用途ごとにドロップダウン化しました。

インラインツールボタン

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

機能追加

  1. 「文字」ドロップダウン追加
  2. 「マーカー」ドロップダウン追加
  3. 「バッジ」ドロップダウン追加
  4. 「文字サイズ」ドロップダウン追加

詳細はこちらを参照してください。

Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。

「文字」ドロップダウン追加

ブロックエディターのツールボタンに「文字」インラインスタイルを追加しました。

文字ドロップダウンメニュー

「マーカー」ドロップダウン追加

ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。

マーカードロップダウンメニュー

「バッジ」ドロップダウン追加

ブロックエディターのツールボタンに「バッジ」インラインスタイルを追加しました。

バッジドロップダウンメニュー

「文字サイズ」ドロップダウン追加

ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。

文字サイズドロップダウンメニュー

ドロップダウンメニューの実装には、ロコさんに、絶大なるヒントをいただきました。

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

変更

  1. モバイルの吹き出しアイコンサイズ調整
  2. ボタン色調整
  3. バッジ色調整
  4. マイクロバルーンの余白調整
  5. シェア・フォローボタンにnoreferrer追加

関連トピック。

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

不具合修正

  1. 「マルチページのページャーリンク」スタイルの重複削除
  2. プロフィール入力エリアの出力制限
  3. WordPress標準のブロックエディターカラムの不具合修正
  4. m-soraスキンの背景画像の不具合修正
  5. 予約投稿時の投稿日と更新日の不具合修正
  6. 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」マウスウォッシュをいただきました。

ありがとうございます!

日々、健康に過ごすなら、まずは口内環境を整えることが肝要!口内環境の悪化は病気の元。ということで、毎日愛用しています。

低刺激でありながら、効果が高いと感じています。
※マーケットプレイス発送なので送り状がなく、お名前はわかりませんでした。

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

  1. ぷっぷ より:

    バッジきたー*・゜゚・*:.。..。.:*・'(*゚▽゚)'・*:.。. .。.:*・゜゚・*
    「参考リンク」で多用しているため、これでクラシックを一つも使わずにGutenbergを100%使うことができるようになった!(私が)

    ワーイ

    しかも「キーボードキー」もきてるー∩(・∀・∩
    デスクトップアプリのインストールとか操作方法でキーボード説明をすごい使うから、これまた嬉しい。

    ロコさんとわいひらさんありがとー!

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

      ありがとうございます。
      バッジもさっさと実装したかったんですけど、以前のボタン表示形式だと、場所がなかったんですよね^^;
      今回、ドロップダウン化できたことは大きいです。
      必要な機能を追加しようと思えばまだまだできます。

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