質問: Wordpressをローカル環境である程度作成し、 それを本番サーバーに移動させたところ prism.jsがうまく動作しなくなりました。 具体的には、 記事内で1つ目のpreで囲った要素には適用されているのですが、 2つ目のpre以降で表示が崩れます。 ローカルでは一切このようなことはありませんでした。 プラグインもローカルと同じで主な違いは ローカルかサーバーかくらいです。 ちなみに、サーバーはmixhostです。 詳しい方教えて頂けると助かります。 ### 画像 正しい表示 ![![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/107bed48f0fa73db000d07b8caa50d9d.png) バグっている表示 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/46717829a48ada7d0073df7f05e6f8fb.png)
回答: 情報が少ないので的外れな回答をしていたらすみません。 記述例をもとにチェックポイントを記載しています。 ex.)最低限動作に必要な記述例 p { color: red } ★チェックポイント 1cssファイルが読み込まれていること ※ちゃんとアップロードしてファイルがあること 2jsファイルが読み込まれていること ※ちゃんとアップロードしてファイルがあること 3preタグの中にcodeタグがあること 4codeタグのクラス名にlanguage-xxx xxxは任意 の言語の名前があること p { color: red } ※language-・・・ の指定が正しいか 補足) 一番可能性が高いのは、4codeタグがwordpressの保存時 自動編集されることによって欠損していないか もしくは、タグにclassの指定(class="language-css")が正しいかを 確認されるといいのではないでしょうか。 自動編集機能は環境関係なく動作してしまうでしょうから 編集画面を使っていたらタグの欠損はありがちです。 1つ目のpreタグと2つ目のpreタグのソースを見比べてみるといいのかと感じました。 あとは、chromeの右クリック 検証でどのデザインが適用されているか 上手くいっているケースとそうでない場合で cssを1つづつ確認していくことになると思います。 動作している物を見ればすぐ分かるかもしれませんがとりあえず、 参考になればいいですね。 がんばってください。