はじめに
pjaxの部分リフレッシュを有効にすると、次のページに移動する際に記事関連のファイルを読み込むだけで済み、大部分のファイルを再読み込みする必要がなくなるため、ウェブサイトの負荷を大幅に軽減できます。訪問ユーザーにとっても不自然な画面遷移がなく、ユーザー体験の面でも優れています。
しかし、同時にprismコードハイライトを有効にしている場合、記事ページに移動した際にprism.jsファイルが再読み込みされず、結果として記事内のコードハイライトが無効になってしまいます。
このテーマに組み込まれているPrismコードハイライトのリロード機能は私の状況では無効であったため、やむを得ず別の解決策を探すしかありませんでした。
このような状況に対してインターネット上にはいくつかの解決策がありますが、ここではWordPressにおける最も簡単な解決策の一つを紹介します。
関連ファイルの修正
方法は本当に簡単で、1つのファイルを修正するだけです。Askyシリーズのテーマの場合、修正するファイルの場所は/wp-content/themes/ASky/js/jquery.pjax.jsです。この種のテーマでない場合は、このjsファイル名を検索してみることをお勧めします。
修正箇所はLine312行の下で、下の画像に示す通りです。
コードの修正箇所
関連コードは以下の通りです：
//Prism Reload
if (container.contents.find("code[class*='language-']").length > 0)
$.getScript("/wp-content/plugins/ank-prism-for-wp/out/prism-js.min.js");//Your Prism.js location
Prismプラグインを使用しているため、最後の行のファイルの場所は、プラグイン内で使用されているprism.jsの場所となります。
設定が完了すると、コードハイライトを正常に使用できるようになります。また、CDNを使用している場合、キャッシュが長く残ることがあるため、CDNのコンソールから手動でこのファイルをリフレッシュしてください。リフレッシュする際、ウェブサイトが読み込むjquery.pjax.jsファイルの後ろに?ver=x.x.xがあるかどうかに注意し、ある場合はそれを含めるのを忘れないでください。