Google Material Icons 導入（アップデートに関する注意事項あり）Luxeritas 3.18.0

2021年5月17日

Luxeritas Theme 3.18.0 をリリース。

見た目はほとんど変わってないけど、内部的には過去のマイナーバージョンアップの中で、最大規模のアップデートになります。

機能の追加・拡張は２つしかありませんが、仕様変更や不具合修正その他、改変箇所多数。

アップデートに関する注意事項

デフォルトの設定では Font Awesome は無効化されてます。

Font Awesome を使用してる方は、Luxeritas のカスタマイズメニュー「アイコンフォント」から Font Awesome を有効化してください。

Material Icons と Font Awesome 両方にチェックをつけると、両方読み込まれます。

Luxeritas 内で使用してるアイコンも Font Awesome に戻したい場合は、Material Icons を無効化すると、Font Awesome のアイコンに戻ります。

Material Icons の導入

Google fonts の Material Icons を使えるようにしました。

Luxeritas 内で勝手に表示されてるアイコン類は、以下の条件で Material Icons か Font Awesome のどちらかになります。

デフォルトで表示されるアイコン類

自分でアイコン類を表示させてるユーザーさんの場合、選択肢は以下の３つ。

まぁ、どの選択肢を選んでもすっごく遅くなるとかはないです。

ただ、Font Awesome を無効化すると、現時点では（WpTHK 時代も含めて）

Luxeritas 史上過去最速になります（たぶん）。

管理画面で PWA のキャッシュがいたずらする現象が多々ある。

自分でも「なんでやねん？」って状態になること多々。

PWA のキャッシュはブラウザキャッシュより、遥かに強力なので、管理画面内だとやっかい。

PWA はファイル単位でキャッシュを無効化することはできるけど、ページ単位で無効化するってことができない（いや、頑張ればできるけど処理が大変で面倒くさい）。

なので、「管理画面にログインしたら PWA のキャッシュを削除する」という処理を入れた。

正確にはログインしてから、次に画面遷移した時に削除されるけど、まぁいいや。

デフォルトで有効。一応、無効化することもできますが、そのまんまにしといた方がいいと思います。

その他の仕様変更や不具合修正等は、下記の改訂履歴のとおり。

機能追加

機能拡張

仕様変更

Luxeritas 内で使用されてるアイコン類をデフォルトで Material Icons に変更
Font Awesome をデフォルト OFF に変更
Font Awesome をローカルから読み込むことのできる機能廃止（ネットに繋がってない閉じた環境でも使えるようにした機能だけど、需要がないので廃止。CDN からの読み込みのみにした）
上記に伴いテーマ内に包含してる Font Awesome ファイル削除
Web fonts の読み込み方法変更
Web fonts の非同期読み込みをデフォルト OFF に変更
「ディスカッション」の部分に表示されるアイコン変更
細部の CSS を数ヶ所変更

不具合修正

Font Awesome のバージョンを 4 に設定してるとスマホのグローバルメニューを on screen（ハンバーガーメニュー）にした時のメニューアイコンが表示されてなかった不具合修正
Font Awesome のバージョンを 4 に設定してると外観カスタマイズのプレビューでアイコン類が表示されてなかった不具合修正（ver3.7.1 でのレベルダウン？）
サムネイル自動挿入で画像の先読みをしてた場合、画像のアタッチメントページ（添付ファイルのページ）に href が空っぽの link タグがヘッダーに挿入されてた不具合修正
ページ内に <a href="#" onclick="～の記述がある Javascript があった場合、それらが動作しなくなる不具合修正（ver3.13.0 でのレベルダウン）
上記と関連して、画像認証「Securimage PHP CAPTCHA」を選択してた場合に、リフレッシュボタンが動作しなくなってた不具合修正（ver3.13.0 でのレベルダウン）
PWA の Manifest で locale 情報が正しくないらしいので修正（Firefox でアクセスした際に気づいた。Manifest の lang を記述する場合はアンダーバーじゃなくて、ハイフンが正しいらしい。例・誤：ja_JP、正：ja-JP）

その他