【簡単WordPress】テーマ更新時に Hilighting Code Block が効かなくなる原因
運営者・ポテ
いつもありがとうございます。
プログラミングの解説記事では、記事内にコードを記載しますよね。そんなときに便利なのが、シンタックスハイライトを自動で付けてくれるプラグイン「HCB（Highlighting Code Block）」です。視認性も向上し、読者にとっても理解しやすくなります。
HCBに関しては、こちらの記事をご参考にしてください。
実際にHCBが効いているときはこのように表示されます。
ところが、WordPressのテーマを更新すると、突然ハイライトが効かなくなることがあります。
せっかくきれいに表示されていたコードが、ただのテキストのようになってしまう――そんな経験をされた方も多いのではないでしょうか。
HCBが効いていない状態だと、次のように表示されてしまいます。
でも、安心してください。解決は意外と簡単です。
本稿では、テーマ更新後にシンタックスハイライトが無効になる原因と、その対処方法について、わかりやすく解説します。
テーマ更新時にHCBが効かなくなる原因
HCBは、シンタックスハイライトのために prism.js というライブラリを読み込んで動作しています。これは、Webページ上でコードを読みやすく表示するためのライブラリです。
具体的には、HCBのここで設定しています。この場合には、prism2.jsという名称のファイルを使用しています。
しかし、WordPressのテーマを更新すると、サーバー上のテーマフォルダが初期化されるため、このライブラリが削除されてしまいます。その結果、HCBが正常に動作せず、ハイライトが効かなくなるのです。
【更新前】
【更新後】
prism が消えています。
対処方法
独自prismを再アップロードするだけです。
なお、レンタルサーバー上のファイル操作方法に関しては、こちら記事をご参考にしてください。
【初心者歓迎】【無料相談受付中】業務改善アプリケーション作成のご相談を承ります
いつもありがとうございます！
限られた時間をより良く使い、日本の生産性を高めたい──
みんなの実用学を運営するソフトデザイン工房では、業務整理や業務改善アプリケーション作成のご相談を承っております。
お気軽にご相談ください。
こちらの記事でも紹介しております。
おわりに
ご覧いただきありがとうございました！
今回の記事では、「テーマ更新時に Hilighting Code Block の独自 Prism の設定が効かなくなる原因」について解説いたしました。
お問い合わせやご要望等ございましたら、「お問い合わせ／ご要望」またはコメントにて、ご連絡いただければ幸いでございます。
皆様の人生がより一層素晴らしいものになるよう、少しでもお役に立てれば幸いでございます。
なお、当サイトでは様々な情報を発信しております。もしよろしければ、トップページもご覧いただけると幸いでございます。
この記事を書いた人
- ソフトデザイン工房｜日々の業務にちょうどいい自動化を
- ■人生を追求する凡人 ■日本一安全で、気の向くままに自分の時間を過ごせる、こだわりのキャンプ場を作るのが夢 ■ソフトデザイン工房代表（個人事業者） - 業務設計＆業務支援アプリケーション作成サービスを展開 ■人生は時間そのもの。ひとりでも多くの人が「より良い人生にするために時間を使って欲しい」と願い、仕事のスキルの向上、余暇の充実、資産形成を研究。
最新の投稿
01｜業務効率化・自動化2025年7月30日【簡単Python】pywebview で tkinter ではできない Web スタイルのGUIを作成する方法
02｜WordPress/ブログ2025年7月27日【簡単WordPress】テーマ更新時に Hilighting Code Block が効かなくなる原因- 01｜業務効率化・自動化2025年7月26日【簡単Python】画面操作ライブラリ「PyAutoGUI」をマルチモニターに対応させるシンプルな方法
01｜業務効率化・自動化2025年7月13日【エクセル/Excel 便利機能紹介】検索でヒットしたすべてのセルをまとめて選択する方法【動画あり】
