WordPress 7.0 のギャラリーのナビゲーションボタンへの対応のお知らせ

WordPress 7.0 のギャラリーにライトボックスのナビゲーションボタンが追加されました。

WordPress サイト開設スターターパックのプラグイン UJS WSP Block Patterns を 1.0.36 にアップデートして、Instagram 風ギャラリーで以下のようにナビゲーションボタンが表示される仕様になっています。

ナビゲーションボタンの種類が「アイコン」の場合

ナビゲーションボタンの種類が「テキスト」の場合

ナビゲーションボタンの種類が「両方」の場合

ボタンが両方とも表示されますので、不要な方を CSS で非表示にしてください。

/* アイコンを非表示にする場合 */
.wp-lightbox-navigation-icon {
    display: none !important;
}

/* テキストを非表示にする場合 */
.wp-lightbox-navigation-text {
    display: none !important;
}

サイト内の他のギャラリーに影響しないように注意して上記の CSS を配置してください。

Instagram 風ギャラリー以外のブロックパターンもあります

ナビゲーションボタンの種類が「両方」の場合のカスタマイズを以下の記事で行っています。

WordPress ギャラリーのライトボックスのナビゲーションボタン（両方） | Lightning G3 無料版 / VK Blocks / WordPress のカスタマイズ [uonuma.biz]

WordPress 7.0 でギャラリーブロックに追加されたナビゲーションボタンのカスタマイズ例を掲載しています。

Lightning G3 無料版 / VK Blocks / WordPress のカスタマイズ [uonuma.biz]