WordPress コードブロックが機能しない場合

Last Updated:2023年12月27日| | コメントを残す

昨日、突然コードブロック内のコードが実行されて表示される問題が発生しました。 例えば、 WordPressのブロックエディタでコードブロックを使用してコードを入力すると、次の図に示すようにコードがそのまま表示されます。

コードブロック

しかし、上記のように表示されるのではなく、次の図のように荒々しく表示される現象が現れました。

WordPress コードブロックが機能しない場合

WordPress コードブロックが機能しない場合

HTMLコードが実行され、結果が表示されています。 (CSSスタイルが適用されていないため、スタイルが奇妙に表示されています。)

もしかしたい SyntaxHighlighter Evolved プラグインをインストールして適用してみましたが、問題は解決しませんでした。

この問題が発生した場合は、プラグインをXNUMXつずつ無効にして問題を引き起こす原因を特定する必要があります。

私はキャッシュプラグインが疑わしくてBreezeキャッシュプラグインを無効にするので、この現象は消えました。

Breezeは クラウドウェイズが提供するキャッシュプラグインです。 キャッシュ機能だけでなく最適化、DB最適化機能まで提供し、クラウドウェイズのサーバーキャッシュとデータベースキャッシュ機能と連動して動作するため、クラウドウェイズでホストされているサイトにはすべてこのプラグインをインストールして使用しています。

昨日、Breezeプラグインが更新された後にこの現象が発生しました。 いくつかの設定を無効にして原因を特定できました。 私は 設定 » Breeze » Basic Options タブで Cross-origin Safe Links オプションを無効にして問題を解決しました。

このオプションを有効にすると、「target_blank」属性を持ち、外部のWebサイトにリンクするリンクに「noopener noreferrer」を適用するようです。 (たぶんこのブログにインストールされたRank Mathと衝突しながら、奇妙な操作を引き起こしたのではないかと推定されます。)

クラウドウェイで WordPress サイト運営時にレイアウトが壊れる場合は、Breezeプラグインの設定を確認してください。

最後に、

突然、コードブロックのコードが実行される荒々しい現象が発生し、冷たくなりました。 疑わしいプラグインがある場合は、無効にして問題が解決するかどうかを確認して問題を特定できます。

参照


コメントを残す

コメント

割引ニュース
DiviレイアウトAI発売記念割引!
AIで画像、テキスト、コーディング、フルページレイアウトを生成可能
ベストセラー WordPress テーマDivi
0
仕事
0
시간
0
0
期間限定
You This Coupon Code in Checkout
Click the code to Copy