WordPressのカスタマイズ画面が動かない

年明けにWordpressのバージョンを上げてから、underscore.jsのエラーでWordpressテーマのカスタマイズ画面が白くなって動かない症状に見舞われていたが、本腰入れて調査した結果、やっと原因がわかった。

エラー出力

Chromeデベロッパーツールからコンソールを確認すると以下のエラー出力が。

Uncaught SyntaxError: Unexpected token <
at new Function (<anonymous>)
at Function.m.template (underscore.min.js?ver=1.8.3:5)
at wp-util.min.js?ver=4.7.2:1
at f.renderContent (customize-controls.min.js?ver=4.7.2:1)
at Object.<anonymous> (customize-controls.min.js?ver=4.7.2:1)
at i (jquery.js?ver=1.12.4:2)
at Object.add [as done] (jquery.js?ver=1.12.4:2)
at Function.<anonymous> (customize-controls.min.js?ver=4.7.2:1)
at i (jquery.js?ver=1.12.4:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)

使用しているバージョン

$wp_version = '4.7.1';
underscore.min.js?ver=1.8.3

原因

ブログタイトルに{{ という記号が含まれていたから。。。。。。orz

2 left curly bracket
checking inside underscore.js

対応

ブログタイトルの記号をUnicodeに修正。

設定 > 一般 > サイトのタイトル

binfish {{  -> binfish &#123;&#123;

感想

どうりでググっても出てこないわけだよ\(^o^)/

#だから特殊記号は使うなとあれほど(ry

くだらない。。。

今週もお疲れ様でした。

Leave a Reply

Your email address will not be published. Required fields are marked *