Cocoon 2.2.1公開。段落・複数ブロックをまとめて装飾する機能を追加。

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

今回のバージョンアップ(v2.2.1.3)で、ブロックエディターの「スタイル」オプションを追加しました。

以下はv2.2.0.5からの変更点です。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

機能追加

  1. 段落ブロックにスタイルオプション追加
  2. グループブロックにスタイルオプション追加
  3. タグのチェックリスト機能追加(復帰)
  4. wp_enqueue_slicknav_labelフックの追加
  5. more_button_captionフックの追加

段落ブロックにスタイルオプション追加

段落ブロックごとに手軽に装飾できるように、「スタイル」オプションを追加しました。

こんな感じで装飾します。

段落ブロックの装飾動作

詳細はこちら。

段落ブロックの装飾オプションサンプル
段落ブロックで使用できる装飾サンプルです。 ボーダー ボーダー実線 ボーダー二重線 ボーダー破線 ボーダー点線 ボーダー薄太 ボーダー微凸 ボーダー実線(角丸小) ボーダー二重線(角丸小) ボーダー破線(角丸小) ボーダー点線(角丸小) ボ

グループブロックにスタイルオプション追加

複数ブロックをまとめて装飾できるように「グループ」ブロックに「スタイル」オプションを追加しました。

こんな感じで装飾します。

グループブロック装飾の流れ

詳細はこちら。

ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法
「グループ」ブロックを使用した手軽な装飾方法の紹介です。

タグのチェックリスト機能追加(復帰)

以前不具合があったので廃止していた「タグをチェックボックスで選択できる機能」を復活させました。

詳細はこちら。

エディターのタグ「チェックリスト形式」で選択する方法
WordPressエディター上でのタグの選択方式をチェックリストボックス形式にする方法の説明です。

こちら側では何も変更してないので、おそらくWordPress公式の方で何かしらの修正があったと思われる。

wp_enqueue_slicknav_labelフックの追加

Cocoon設定の「モバイル」タブにある「モバイルメニュー」設定で「トップメニュー」にしている場合の、「MENU」という文字を比較的手軽にカスタマイズ出来るように、フィルターフックを追加しました。

利用方法はこちら。

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

「MENU」という文字を

以下のように変更したい時に。

SlickNavラベルの文字変更

不具合修正

  1. カテゴリページでパンくずリストを表示するカスタマイズをしていた場合にメインカテゴリー機能関係の不具合修正
  2. Gutenbergオプションのセレクトボックスのスタイル調整
  3. wpForo関係のスタイル修正
  4. コメント編集時のNotice: Undefined index: post in 〜/wp-content/themes/cocoon-master/lib/admin.php on line 621の対応
  5. 検索ブロックのスタイル調整
  6. メインカテゴリと人気記事の不具合修正
  7. カテゴリーページの広告除外の不具合修正
  8. スライドインサイドバーの横揺れ修正

吹き出し用のイラスト

伝える・伝わるデザインを運営されている中村様より吹き出し用のイラストをいただきました。

piyo2 | 伝える・伝わるデザイン

nyan2 | 伝える・伝わるデザイン

ダウンロードはこちらから。

“猫とひよこのイラスト” をダウンロード tsutaeru-design.zip – 15520 回のダウンロード – 71.44 KB

著作権は放棄されるとのことです。

吹き出し用イラストのダウンロード
吹き出しアイコン用のイラストダウンロードページです。

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

  1. なかじ より:

    タグのチェックリスト機能追加ありがとうございました。
    以前にタグのチェックリストについて質問させていただいた者です。最初のアップデートでは不都合があり機能停止となってあきらめていたのですが、改めて採用していただきありがとうございます。
    確認してみましたがきちんと機能しています。

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

      久しぶりに不具合に再チャレンジしようとしてみたら、テーマ側のコードは何も変わっていないのに、改善されていました^^;
      WordPress側のエラーだったみたいです。

  2. とむ より:

    お世話になっています。
    新たに追加された「段落ブロックのスタイルオプション」ですが、これを無効にすることは可能でしょうか?

    記事執筆中に任意のブロックを「見出し」に変更したい時は、「ブロックタイプ または スタイルを変更」のアイコンをクリックしてタイトルに変更していましたが、この「段落ブロックのスタイルオプション」が追加されたことにより、「変換」セクションの見出しに行くまでにすくろーるしなくてはならなくなったのが地味に面倒に感じています。

    よろしくお願いいたします。

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

      それについては、機能を追加する際にも、「選択機能を付けた方が良いかな」と思っていたので、Cocoon設定の「エディター」タブの方に機能を追加しておきました。
      ------------------------------------------------
      https://github.com/yhira/cocoon
      最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
      https://wp-cocoon.com/wp-content/uploads/2020/07/github-dl.png
      FTPでのアップデート方法はこちら。
      https://wp-cocoon.com/ftp-update/
      ------------------------------------------------
      ただ、段落ブロックのスタイルには、WordPress5.5の仕様変更により不具合が出るようになったので、いずれは廃止するかもしれません。

  3. とむ より:

    わいひらさま

    アドバイスありがとうございます。
    Cocoon設定の「エディター」タブの方「タグ選択をチェックリスト形式にする」 のチェックを入れたところ自分の執筆スタイルでは使いやすくスッキリしました。
    助かりました。ありがとうございます!

    しかし、段落ブロックのスタイルの廃止の検討ですか。。
    いつかは自分の執筆の手順を根本的に見直さないといけないのかもしれませんね。

  4. とむ より:

    すみません。慌ててしまい間違ったコメントを書いてしまいました。

    誤)
    Cocoon設定の「エディター」タブの方「タグ選択をチェックリスト形式にする」 のチェックを入れたところ自分の執筆スタイルでは使いやすくスッキリしました。

    正)
    最新CocconファイルをFTPでアップデート後、
    Cocoon設定の「エディター」タブの方「ブロックオプション」 →「スタイル表示」
    (ブロックエディターのスタイルオプションの表示を表示するか。)」のチェックをオフにしたところ自分の執筆スタイルでは使いやすくスッキリしました。

    素早い対応感謝です! わいひら様ありがとうございます。

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