原因はWordPressの仕様変更
先に結論いちゃいます。
WordPressの仕様変更により、Cocoonで画像の拡大機能が無効化されています
経緯
ブログの画像表示で、ちょっとしたトラブルに遭遇しました。
いつも通り画像をクリックして拡大表示しようとしたところ、
これまで選べていた「クリックで拡大（ライトボックス）」の
項目が消えていることに気づきました。
最初は設定ミスかと思い、Cocoonの画像設定やCSS、キャッシュなどを一通り確認。
しかし原因は分からず、かなり時間をかけて検証することに。
そこで、テーマのバージョンを疑い、
Cocoonを 2.9.1.1 → 2.9.0.1 にダウングレード してみたところ、
以前と同じように拡大表示が復活
この時点で「テーマのアップデートが起因」と判断できました。
さらに調べていくと、Cocoonの開発者から回答があり、
- WordPress 7.0から画像表示の仕様が変更
- その影響で「拡大画像が閉じられなくなる不具合」が発生
- 安全対策として、拡大のメニューを非表示にした
とのことでした。
つまり今回の現象は、
不具合ではなく仕様変更への対応
ということになります。
最終的には、安定性を優先して最新バージョンへ戻しました。
以前のような表示にはならなくなりましたが、
現在は画面フルで表示される仕様になっています。
今回の件で感じたのは、
「動かない＝不具合」とは限らない
仕様変更による挙動の変化も多い
ということ。
そして何より、
原因を一つずつ切り分けていくことの大切さ
を改めて実感しました。
少し時間はかかりましたが、
こういう試行錯誤もブログ運営の楽しみのひとつですね。
「クリックで拡大」が表示されない件について、あらためて整理
Cocoonの開発者である @chu-ya さんから回答をいただきました。
まだ正式リリースされていない WordPress 7.0 の仕様まで先行検証されている点に、まずは感謝です。
原因について
WordPress 6.4以降で追加された「標準Lightbox機能」ですが、
WordPress 7.0において仕様変更が行われました。
（現状はまだ6.9です 正式リリースはまもなくと思われます）
この影響により、Cocoon環境では
拡大表示した画像を閉じることができない
という問題が発生するとのことです。
Cocoon側の対応
この不具合を回避するために、
「クリックで拡大（Lightbox）」のメニューを意図的に非表示
とする対応が取られています。
つまり今回の現象は、
不具合ではなく、意図された仕様変更
ということになります。
追加で必要な作業のポイント
ライトボックスが正常に動かない（または閉じられない）箇所の修正手順：
- 該当記事の編集画面を開く。
- 対象の画像ブロックを選択。
- 設定を**「クリックで拡大」から「画像ファイルへのリンク」へ手動で切り替える。
- 記事を更新する。
テーマ側の全体設定をアップデートした上で、
さらに個別の画像リンクを「画像ファイルへのリンク」として明示的に指定し直すことで、
Cocoon側の独自ライブラリ（Lity等）が正しくフックできるようになる、
というメカニズムです。
まとめ
今回の件で感じたのは、
WordPress本体の仕様変更がテーマに影響すること
その変化に対してテーマ側が先回りして対策していることです。
ほんと、素晴らしい対応で、感謝申し上げます。
少し戸惑いましたが、結果的にはとても勉強になりました。
こういう変化に対応していくのも、ブログ運営の一部ですね。
コメント