ソースコードをハイライト表示するWPプラグインの「SyntaxHighlighter」を入れてみたのですが、下図のようにスタイルも効かず、スクリプトも動作しない現象が起こりました。

SyntaxHighlighterプラグインでは、head要素にJavaScriptでプラグイン用の外部ファイルの読み込みをDOMに動的に追加しているのですが、そこがうまく動いてなかったので、insertBeforeではなく、appendChildに変更したら解決しました。

同じような現象が起こる場合は、SyntaxHighlighterプラグインのsyntaxhighlighter.php内の下記の2行を変更してみてください。

[js highlight=”2″ title=”634行目あたり”]
//document.getElementsByTagName(“head”)[0].insertBefore( corecss, document.getElementById(“syntaxhighlighteranchor”) );
document.getElementsByTagName(“head”)[0].appendChild(corecss);
[/js]

[js highlight=”2″ title=”650行目あたり”]
//document.getElementsByTagName(“head”)[0].insertBefore( themecss, document.getElementById(“syntaxhighlighteranchor”) );
document.getElementsByTagName(“head”)[0].appendChild(themecss);
[/js]

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です