Font Awesome の SVG オプション追加など、その他もろもろ Luxeritas 3.7.1

2019年10月24日

増税直後の10月1日に新しい PC 買った・・・ (｀・ω・´)ｂ

Luxeritas Theme 3.7.1 をリリースしました。

Font Awesome を SVG で表示するオプションの追加とか。その他、要望の反映、不具合修正などなど。

というか、今回は今後のアップデートのための準備リリース的な感じ。

機能拡張 & 要望反映

Font Awesome 5 を SVG で表示できるオプション追加したり、 Font Awesome 4 の下位互換をサポートできるようにしたりしました。

※ このオプション追加したら、配布ファイルのサイズ 4MB 超えちゃったけど気にしないｗ

上記に伴って設定項目が増えたため、Font Awesome の設定を CSS タブから分離して Font Awesome タブに独立させました。

旧設定画面： CSSタブ

新設定画面： Font Awesome タブ

Font Awesome を Web フォントで表示する場合と SVG で表示する場合の違いに関しては、以下の URL とか参考にしてください。

ただし、Font Awesome 5 を SVG で表示する設定にしても、疑似要素で表示する際には結局 Web フォントをロードするので、SVG にしても大した意味はないです（SVG を擬似要素で表示するのは非推奨なので、疑似要素に関しては従来どおりの表示方法にしてある）。

なので基本的には、従来どおり Web Fonts with CSS を推奨。

また、CSS の読み込み方法に関してはデフォルト値と推奨値を非同期に変えました（Luxeritas で必要最小限の CSS だけを読み込むオプションを廃止したため）。

この要望に対する機能追加。

投稿画面で canonical URL を変更できるようにしました。

投稿画面の下の方に設定項目があります。

この機能に関しては、サイト内に自分が運営するサイトのコピーページがあるとか、英訳ページがあるとかでなければ、ほとんどの人は変更する理由はないです。

上記以外の変更とか修正に関しては以下の改訂履歴のとおりです。

機能拡張

仕様変更

Luxeritas カスタマイザーの Font Awesome 関連の設定を CSS タブから分離して Font Awesome タブに独立させた
Font Awesome の CSS 読み込み方法のデフォルトを非同期に変更
Font Awesome の CSS 構成で「Luxeritas で必要最小限の CSS のみ」の選択項目廃止
高速化一括設定の Font Awesome CSS 読み込み方法の推奨値も非同期に変更
SNS シェアボタンの aria-hidden を aria-label に変更
モバイル用ナビボタンの「ボタンの大きさ」のデフォルト値を「中」→「小」に変更
リンクに target="blank" がついてる場合は、rel="noopener" だけでなく常に rel="external" もつくように変更（class="external" は別設定）
管理画面とか投稿画面の CSS ちょっと変更（見た目はほとんど変わってない）

不具合修正

帯メニューを非表示に設定してるにも関わらず、帯メニューを固定に設定しちゃってると Javascript のエラーが出るので修正
画像認証で Securimage PHP CAPTCHA を使用してる場合に p の開始タグと終了タグの関連性が不完全だったので修正
ver3.7.0 の改訂履歴に書いてある allowfullscreen 関連の AMP 置換が不完全だったので修正
外部リンクで target="blank" を自動でつけるオプションを選択しても target="blank" がつかなくなってた不具合修正（ver3.6.11 でのレベルダウン）

その他