GeneratePress テーマのカスタマイズ設定が変更されない場合の回避策

0

WordPress GeneratePress テーマのGP Premiumがインストールされている状況でカスタムオプションを変更し、キャッシュプラグインのキャッシュを削除しても変更が反映されない場合があります。そのような場合 Dynamic CSS Print Method オプションを External Fileに変更してCSSファイルを再生成すると、問題が解決する可能性があります。 External Fileにすでに設定されている場合は、まずCSSファイルを再生成し、それでも解決できない場合 Inline Embedding 方法に変えてもテストしてみてください。

GeneratePress テーマのカスタマイズ設定が変更されない場合の回避策

Dynamic CSS Print Method オプション

GeneratePress と GPプレミアムから '動的CSS出力方式（Dynamic CSS Print Method）'は WordPress カスタマイズする設定に従って、生成されたスタイルルールをテーマがどのように処理するかを決定します。ユーザーがコードを直接書く必要なく、色やレイアウト、フォントなどを変更するだけで、テーマは自動的に対応するCSSを出力します。

これらの動的 CSSを出力する方法としてインライン挿入 (Inline Embedding)「と」外部ファイル(External File)'2つのうち1つを選択できます。

Dynamic CSS Print Methodは WordPress 管理者ページ » 外観 » カスタマイズ » 全般で設定することができます。

GeneratePress テーマ動的CSS出力方式

このオプションを見ると無料 GeneratePress テーマでは表示されず、有料版 GPプレミアムを有効にする必要が表示されるようです。

インライン挿入 (Inline Embedding) 対 外部ファイル(External File)

それでは、2つの方法の中からどれを選択すればよいでしょうか？

GeneratePress フォーラムによると CSSを外部ファイル（External File）に設定するのはやや利得ですが、違いは劇的に大きくはありませんとします。

利点：微細なパフォーマンス向上

CSSがHTML文書内にインラインで出力されずに別々の外部ファイルにロードされると、訪問者のブラウザはそのファイルをキャッシュ（保存）することができ、次のページをめくると速度の面でいくつかの利点があります。

欠点と考慮すべき事項

  1. 最適化プラグイン使用時の効果ミミ：Breeze、LiteSpeed Cache、WP Rocket、Autoptimizeなどのキャッシュや速度最適化プラグインを既に使用している場合、これらのプラグインはどうせページ内のすべてのCSSを独自にマージ（Merge）して最適化してくれるので、GP Premiumで外部ファイルに設定しても体感できる追加のゲインはありません。
  2. CSS再生の面倒：外部ファイルに設定すると、サイトのデザインや色などのスタイルを変更するたびにすぐに反映されないことがあります。適切に適用するには、CSSを再生成（Regenerate CSS）する必要がある手間がかかります。

まとめと推奨

非常に小さな性能向上（最適化1点、0.1秒）でも最大限に引き上げたい場合 「External File」に設定することを検討できます。

ただし、現在のサイトデザインを頻繁に修正している場合、またはすでにキャッシュ最適化プラグインを積極的に使用している場合は、インライン（デフォルト）にしても構いません。

GeneratePress テーマのカスタマイズ設定が変更されない問題の解決方法

カスタムでジェネレートプレステーマの本文の文字サイズと行間を変更してキャッシュを削除しましたが、非ログインユーザーがサイトを訪問しても本文の文字サイズが変わらない現象に触れました。

サーバーキャッシュを削除してさまざまな方法を試しても、カスタマイズで行った変更は反映されませんでした。

この場合、 Dynamic CSS Print Method를 External Fileに設定し、 Regenerate CSS File ボタンを押してCSSファイルを再生成してください。 （その後、キャッシュプラグインのキャッシュを削除してください。）

ジェネレートプレスダイナミックCSS印刷方式

私はこの方法で問題を解決しました。

もし External Fileにすでに設定されていてCSSファイルを再生成しても問題が解決しない場合は、動的CSS出力方式 Inline Embeddingに変更し、キャッシュプラグインのキャッシュを削除して問題が解決するかどうかを確認してください。

最後に、

キャッシュはサイトを高速化しますが、予期しない問題を引き起こすこともあります。私は クラウドウェイズでホストされ、Breezeキャッシュプラグインがインストールされている WordPress ブログでこのような問題が突然発生し、しばしばシャベルを一端に上記の方法でやっと問題を解決しました。 😄

参照

コメントを残す

コメントを残す