Snow Monkey v11

Snow Monkey のメジャーアップデートをおこないます。メジャーアップデートは後方互換性に影響がでる可能性が高いので、いきなり本番環境でアップデートする前にテスト環境での事前テストをおこなうことを推奨します。

Snow Monkey v11 は WordPress 5.5 以上対応となります。WordPress 5.4 以下では正しく動作しません。必ず WordPress 5.5 以上の環境で使用してください。

Snow Monkey v11 の概要

機能追加

• アクセントカラーの CSS カスタムプロパティ化
• ソーシャルナビゲーションの対応サービスを追加
• snow_monkey_social_nav_item フィルターフックに第4引数（$item）を追加

変更

• WordPress 5.5 の対応
• カスタムウィジェット、Snow Monkey Blocks の「最近の投稿ブロック」「任意のタクソノミーの投稿ブロック」の suppress_filters の初期値を false に変更
• u-hidden、u-visible の廃止
• スライダー系ウィジェットの非推奨化
• 検索結果ページに検索キーワードが未入力のときの表示を追加
• 目次機能から jQuery を削除
• シェアボタン機能から jQuery を削除
• Pure CSS ギャラリー機能から jQuery を削除
• WordPress 5.4 以下でもテンプレートパーツに $args が渡されるように変更
• ソーシャルナビの CSS を変更
• Snow Monkey Blocks v9 用に CSS を調整
• Snow Monkey Forms v0.9.0 用に CSS を調整

不具合の修正

• 「ダッシュボード → 設定 → ディスカッション → アバターを表示する」が無効のとき、コメント欄のアバターが白丸表示になる不具合を修正
• パンくずから「ブログ（投稿一覧ページ）」の項目が抜ける不具合を修正
• Safari でスムーススクロールが効かない不具合を修正
• スムーススクロール後に URL にハッシュが追加されない不具合を修正

WordPress 5.5 の対応

ブロックエディターの DOM 変更への対応

WordPress 5.4 と 5.5 ではエディターのデザインや DOM 構造が変更になります。それに対応するための変更をおこないました。

「カスタマイザー → ページ速度最適化 → 画像を非同期読み込みする」を廃止

WordPress 5.5 はデフォルトで画像の非同期読み込みに対応したので、Snow Monkey からは設定を削除しました。

テンプレート変数機能をコアのものと統合

Snow Monkey の Helper::get_template_part() は第3引数でテンプレートに変数を渡すことができました。この機能も WordPress 5.5 で標準対応されたので、内部的に機能の統合をおこないました。

これに伴い、呼び出されるテンプレート側では変数を配列 $args で参照するように変更になりますのでご注意ください（後方互換性維持のため、これまでどおり $変数名 でもアクセス可能です）。

また、WPAW、および Snow Monkey から始まるカスタムウィジェットのテンプレート内で使用する変数名も $args から $widget_args に変更になりました。普通にウィジェットを使用しているだけの場合は問題ありませんが、ウィジェットのテンプレートを上書きしている場合はご注意ください。

アクセントカラーの CSS カスタムプロパティ化

これまで PHP で処理していたアクセントカラーの適用を CSS カスタムプロパティを使用する方法に変更しました（IE の場合はこれまでどおり PHP で処理されます）。

• --accent-color … アクセントカラー
• --dark-accent-color … 少し暗めのアクセントカラー
• --light-accent-color … 少し明るめのアクセントカラー
• --lighter-accent-color … 明るめのアクセントカラー
• --lightest-accent-color … すごく明るいアクセントカラー

.u-hidden、.u-visible の廃止

これまで画面サイズによる要素の表示・非表示の切り替え（例：ハンバーガーボタン）は .u-hidden、.u-visible という CSS クラスでおこなっていました。これらのクラスは副作用が大きくカスタマイズも難しかったため、新たに .u-invisible という CSS クラスを追加し、それを使用するように変更しました。

• .u-invisible … 常に非表示
• .u-invisible-md-up … タブレットサイズ以上で非表示
• .u-invisible-md … タブレットサイズで非表示
• .u-invisible-lg-up … PC サイズ以上で非表示
• .u-invisible-lg … PC サイズで非表示
• .u-invisible-xl … ワイド PC サイズで非表示
• .u-invisible-sm … スマホサイズで非表示
• .u-invisible-md-down … スマホサイズ以下で非表示
• .u-invisible-lg-down … PC サイズ以下で非表示

スライダー系ウィジェットの非推奨化

「WPAW: カルーセル」「WPAW: スライダー」「WPAW: ピックアップスライダー」を非推奨にしました。後方互換性維持のために引き続き使用できますが、ページの表示速度を落とす場合がありますので使用は推奨しません。

ソーシャルナビゲーションの対応サービスを追加

• note を追加
• LINE（lin.ee）を追加
• App Store を追加
• Google Play Store を追加
• Twitch を追加
• Discord を追加
• Apple Music を追加