大規模アップデート。モバイル用グローバルナビの種類追加、PWA の仕様変更対応などなど Luxeritas 3.15.0

2021年4月20日

事情（感覚過敏、呼吸器系の問題など）によりマスクができない方もいるんで、そーいう人のことは責めないであげてくださいね。

で、、、Luxeritas Theme 3.15.0 をリリース。

PWA の仕様変更に対応させたり、モバイル用グローバルナビの種類を増やしたり、Lighthouse の監査で、さらに点数を上げるための方策を盛り込んだり。

今回は、比較的大規模なアップデート内容になってます。

モバイル用グローバルナビ

モバイル用グローバルナビで選択できる種類を２つ追加。

俗に言うハンバーガーメニューで表示できるようにしました。

これらを追加した理由としては、従来の「豪華バージョン」だと、Font Awesome の読み込みが遅すぎて、CLS（Cumulative Layout Shift） が低下するから。。。Font Awesome 5 の遅さはどーにもならん。

PWA 仕様変更対応

Chrome 67 で PWA のインストールボタンを任意表示できるようになったり、Chrome 76 以降ではミニバーの表示を制御できるようになったりとか、いろいろ仕様が変わってきたので、Luxeritas のサービスワーカーの挙動等も、いろいろ変更しました。

とりあえず見た目で分かりやすい部分としては、モバイル表示時にはグローバルナビの部分にインストールボタンを表示できるように機能を追加しました。

さらに、PWA インストールボタンを任意に配置できるウィジェットも追加。

配置すると ↓ こんな感じ

その他の変更点など

PWA のオフラインページ選択の仕様変更

PWA で start_url と offline_url がイコール関係だとオフラインページが正しく動作しないってことが判明したので、ひとまず PWA のオフラインページで「トップページ」は選択できないようにしました。

これを有効化してる方は、トップページとは別にオフライン用の固定ページを作って設定しなおしてください。

※ ちなみに Luxeritas の公式ページでは、トップページのコピーページを作って、canonical URL をトップページの URL に設定するなどしてます。

スムーススクロールの設定

「カスタマイズ -> その他」の項目に「スムーススクロール」の設定項目を追加しました。

スマホ表示時のぺージャー表示数削減

スマホで表示した際に、ぺージャーで表示されるページ数を２ページ分削減しました。

理由：Lighthouse の監査でボタンが小さいという理由で１点だけ減点されちゃうからｗ

サムネイル管理画面でスラッグ表示

サムネイルを functions.php 等で利用しやすくするためにサムネイル管理画面で各サムネイルのスラッグを表示するようにしました。

高速化 ＆ セキュリティ向上用 htaccess

高速化用 htaccess にセキュリティの向上用の記述も追加しました。

その他の変更点は下記の改訂履歴のとおり。

改訂履歴

機能追加・機能拡張

仕様変更

その他