grayishスキン適用中

Cocoon 2.6.3公開。WordPress 6.3対応・不具合修正など。

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

Cocoonをバージョンアップしました。

2023年8月8日に、WordPress 6.3のリリースが予定されています。

今回はWordPress 6.3のアップデート対応修正も含まれているので、WordPress 6.3にアップデートする前にテーマをアップデートすることをお勧めします。

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

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

機能追加

  1. 人気記事ショートコードにスニペットオプション追加
  2. 新着情報ショートコード・ウィジェットに「更新日順に並び変え」オプション追加
  3. ヘッダーのサイズをヘッダーの背景画像サイズに合わせる機能追加

人気記事ショートコードにスニペットオプション追加

新着記事ショートコードには以前からあったsnipet(エントリーカード説明文)オプションですが、人気記事にはなかったので人気記事にも追加しました。

詳細はこちらのsnipetオプションをご参照ください。

人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

これにより人気記事にも以下のように説明文が表示されるようになりました。

Cocoonテーマをインストールする方法
WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。
広告(AdSense)を手っ取り早く設定する方法
Cocoonテーマ利用時における、最も簡単なAdSense広告設定方法の紹介です。
Cocoonを少しリッチな見た目に「COLORS」スキン6種作成
サイトに合わせた色を選べるスキンを6色分作成しました。
Cocoonを利用する際に是非行って欲しい画像設定5つ
Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。
サイトアイコンを設定する方法(ファビコン、アップルタッチアイコン等の設定)
テーマ用のファビコン、アップルタッチアイコン、マイクロソフトメトロスタイルの、タイル表示に使用するアイコンの設定です。

ウィジェットにはこの機能はまだつけていません。

新着情報ショートコード・ウィジェットに「更新日順に並び変え」オプション追加

新着情報ショートコードにmodifiedオプションを追加しました。

詳細はこちらのmodifiedオプションをご参照ください。

新着情報(新着投稿タイトル一覧)を表示するショートコードの利用方法
Cocoonでは、ショートコードを用いて新着投稿のタイトルリストを表示することが可能です。 ショートコードの書き方 基本的にショートコードは、以下のように書いて利用できます。 上記のように書くことで、...

これにより新着情報ショートコードやウィジェットで更新日順に並び替えられるようになりました。

ヘッダーのサイズをヘッダーの背景画像サイズに合わせる機能追加

この機能の詳細についてはこちらを参照してください。

ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法
Cocoon設定の「ヘッダー」に「背景画像の全てを表示」オプションを追加しました。 これにより「ヘッダー背景画像」に設定した画像を待つことなく全て表示できるようになりました。 設定方法 この設定を行な...

変更

  1. ウィジェットタイトルの仕様統一
  2. SNSシェア・フォローボタンにaria-label属性を追加(アクセシビリティ関連記述)
  3. 設定が「フッターモバイルボタン」となっている場合はサイトロゴを表示するように変更
  4. モバイルボタンで表示させるSNSシェアボタンでコメントボタンを非表示

ウィジェットタイトルの仕様統一

ウィジェットのタイトル入力の使用を統一しました。

ウィジェットのタイトルにはデフォルトで、ウィジェット名のテキストが入力される仕様に統一されました。

デフォルトでウィジェット名が入っている

Cocoon 2.6.2以前の仕様ではタイトルを入力しなくてもウィジェットエリアの上にタイトルが表示されるウィジェットもありました。

タイトルを入力しないとリゼット名が表示されない

しかし今回のv2.6.3の仕様変更で何も入力されていないタイトルはサイドバーなどでもタイトルが表示されなくなりました。

以前は表示されていたウィジェットのタイトルが表示されなくなった場合は、[外観]→[ウィジェット]から個々のウィジェットを確認しタイトルが入力されていない場合は入力し保存してください。

それでもうまくいかない場合は、一旦何も入力されていない状態で保存し、ウィジェットタイトルを入力し保存してみてください。

不具合修正

  1. パーマリンクを変更した時おすすめカードなどでタグのアイキャッチを取得できない不具合修正
  2. サイトタイトルをロゴ画像にした場合リッチリザルトテストでサイト名が認識されない不具合修正
  3. おすすめカードのメニューにカスタムリンクを設定した場合でもカテゴリーとタグが正常表示されるように修正
  4. 新着情報(info_list)の日付がCocoon設定で指定した日付フォーマットとならない不具合修正
  5. .search-menu-content, .share-menu-content, .follow-menu-contentが画面外に出ていないケースがある不具合修正
  6. カテゴリーごと(2カラム、3カラム)の時、[Cocoon設定]→[インデックス]→枠線の表示「カードの枠線を表示する」が有効になっていても枠線が表示されない不具合修正
  7. ユニバーサルアナリティクス関連関数のエイリアス追加(独自カスタマイズ時のエラー防止)
  8. スキン制御でCSVを使用している時配列が認識されない不具合修正
  9. 抜粋を入力していてもスニペットに表示されていなかった不具合修正
  10. 警告メッセージ対応: wp.blockEditor.RichText multiline prop is deprecated since version 6.1 and will be removed in version 6.3. Please use nested blocks (InnerBlocks) (WordPress 6.3対応)
  11. ブロックボーダー・スタイルオプションのプレビュー部分にボタンが表示されてしまう不具合修正(WordPress 6.3対応)
  12. 管理バーが表示されている際、ヘッダーのグローバルメニューをスクロール追従にしている時、メニューやロゴなどが管理バーに隠れてしまう不具合修正
  13. 警告メッセージ対応: Warning: Trying to access array offset on value of type bool
  14. コピーシェアボタン用のスクリプトを出力する際の条件分岐変更
  15. SNSシェア・フォローボタンのホバー時の色の不具合修正
  16. アクセスカウントの連続カウント防止(解除されてたので戻す)

WordPress 6.3アップデート前に、テーマをアップデートすることをお勧めします。

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

  1. Cocoon大好き より:

    お世話になります。
    先ほどバージョン: 2.6.3.1に更新したのですが、1つバグを見つけたのでご報告します。

    ブロックの追加ボタンが右端しか反応しない場合があります。
    画面を録画しましたので、見ていただけたらわかると思います。
    ご確認よろしくお願いします。

    https://www.youtube.com/watch?v=Urx63PS4Yfo

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

      ご連絡ありがとうございます。
      僕の環境で確認してみましたがプラスボタンの左端をクリックしても表示されるようです。

      何かこれをしていたらそういう症状になるという条件などはありますか?

    • Cocoon大好き より:

      返信ありがとうございます。
      文字を入力できる状態のになった時に右端だけが反応するようになります。
      一度プラスボタンをクリックするとその後からは反応するようになり、もう一度文字を入力できる状態にした時、プラスボタンにカーソルを合わせると右端だけが反応します。

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

        文字を入力できる状態になった時でも僕の環境では問題なく動作しているようです。
        なのでいくつか質問させてください。
        例えばテーマを公式テーマにしてみても同じ症状が現れますか?使用されているブラウザは何でしょう?

        • Cocoon大好き より:

          使用しているブラウザはChromeです。
          今確認してみたらEdgeでは問題ありませんでした。Chromeだけのようです(他のブラウザは試していません)。

          私の方は特に支障はないのでこのままでも構いません。
          たまたま見つけたバグで何かお役に立てればと思い報告いたしました。

  2. mk2 より:

    「DeepL翻訳」拡張機能をご利用の前提ですが・・・。

    私も、はるさんのお書きになったトピックに、2つほど検証結果を書かせていただきました。

    https://wp-cocoon.com/community/postid/72525/

    https://wp-cocoon.com/community/postid/72526/

    「DeepL翻訳」をインストールなさっていないとしたら、他の拡張機能をご利用でないかなども確認なさった方が良さそうに思います。
    (拡張機能を無効にする)

  3. Cocoon大好き より:

    はるさん、mk2さん、検証ありがとうございます!
    私はDeepL翻訳を使用しています。原因がわかって良かったです。
    わいひらさんの対処法も参考にさせて頂きます!

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