HOME → 

Luxeritas シンタックスハイライターの導入

Luxeritas(ルクセリタス)
シンタックスハイライターの導入
Prism.js
 
導入環境。
・WordPress:バージョン 5.8.2
・旧エディターを使用中
・Luxeritasバージョン:3.21.1.1
 
ブロックエディタを使用していれば、Luxeritasの独自ブロックの中に「シンタックスハイライター」ブロックがあるが、いまだに「Classic Editor」を使用しているため、プラグインを使用せず、軽量な「Prism.js」を使用することにした。
 
表示例
 
以下、Syntax Highlighter(シンタックス ハイライト)表示するための【JavaScriptライブラリ】である「Prism.js」を導入した記録。
HOME → 

サイトの HTTPS 接続に問題があります。

Luxeritas(ルクセリタス)
運用とトラブル
サイトの HTTPS 接続に問題があります。
 
Luxeritas(ルクセリタス)を使用している WordPress の、サイトヘルスステータスに、「1件の致命的な問題」=【サイトの HTTPS 接続に問題があります。】が表示される。
 
サイトの HTTPS 接続に問題があります。
 
以下、この問題が解決した記録。
HOME → 

EWWW Image Optimizer で複数の画像の過剰な再ー最適化が検出されました。

Luxeritas(ルクセリタス)
EWWW Image Optimizer
複数の画像の過剰な再ー最適化が検出されました
 
 
WordPress(使用中のテーマは Luxeritas)で、
EWWW Image Optimizer で複数の画像の過剰な再ー最適化が検出されました。再ー最適化された画像を表示するには、ツールページをご利用ください。 Reset Counters
の、メッセージが表示される。
 
EWWW Image Optimizer で複数の画像の過剰な再ー最適化が検出されました。
「Reset Counters」をクリックすれば、一時的には消えるが、再度表示される。以下、このメッセージの表示が止まった対処策の記録。
HOME → 

Luxeritas style.css がビジュアルエディターに適用されなくなった

Luxeritas(ルクセリタス)
運用とトラブル
「style.css」がビジュアルエディターに適用されなくなった
 
「Luxeritas」テーマを【luxeritas-3.10.1】から【luxeritas-3.12.0.1】バージョンアップした所、「style.css」がビジュアルエディターに適用されなくなった。
 
公開画面での表示と、ビジュアルエディターでの表示
 
以前のバージョンでは、「editor-style.css」自体をいじらなくとも、「style.css」の内容がビジュアルエディターでも有効になっていた。
HOME → 

AMPで「CSS の !important 修飾子は使用できません。」エラーが出る

Luxeritas(ルクセリタス)
運用とトラブル
「CSS の !important 修飾子は使用できません。」エラー
 
テーマを「Luxeritas」にした WordPress サイトで、Google Search Console の「AMP」で、「CSS の !important 修飾子は使用できません。」エラーが出る。
 
詳細を見ると、「CSS の !important 修飾子は使用できません。」と表示されている。
 
以下、「CSS の !important 修飾子は使用できません。」エラーの解決記録。
HOME → 

「Luxeritas」テーマのバージョンアップ要領

Luxeritas(ルクセリタス)
運用とトラブル
テーマのバージョンアップ
 
WordPressがバージョンアップされると、これに合わせて「Luxeritas」テーマもバージョンアップされたり、仕様変更や不具合修正などでもバージョンアップが行われる。
 
「Luxeritas」のテーマ
 
以下、「Luxeritas」テーマのバージョンアップ要領を記録。
HOME → 

Luxeritas カスタマイズ(外観)で 502 Bad Gateway が出る

Luxeritas(ルクセリタス)
運用とトラブル
カスタマイズ(外観)で 502 Bad Gateway が出る
 
Luxeritasの管理画面で、「カスタマイズ(外観)」を選択すると【502 Bad Gateway】が表示される。この他の画面は、すべて正常に表示される。
 
luxeritas カスタマイズ(外観)で 502 Bad Gateway
 
以下、luxeritas カスタマイズ(外観)での 502 Bad Gateway 対策を記録。