デベロッパーツールのエラー
普段はデロッパーツールでエラーがあっても、目に見えて壊れていなければ放置するタイプなんですが、エラーを確認すると、確かに動いていなかった。
エラーの内容 SyntaxError: Unexpected identifie
| SyntaxError: Unexpected identifie |
SyntaxError: Unexpected identifie
wpsm-show wpsm-hide
エラー SyntaxError: Unexpected identifie の原因
WP show more でエラーのようです。テーマの高速化のJavaScript縮小化をしなければ、エラーはありません。
WP show more を利用しているページで確認
デロッパーツールで確認して初めて気づきましたが、WP show more はエラーのために動いていませんでした。
エラー SyntaxError: Unexpected identifie の原因と修正
2通りの修正方法があります。
WP show more を利用するなら、JavaScriptの縮小化のチェックを外す
- Cocoon→高速化→JavaScript縮小化→「JavaScript縮小化する」のチェックを外す
Autoptimize を利用している場合も同じようにエラーとなります。
| テーマの高速化 | 「JavaScript縮小化する」のチェックを外す |
| Autoptimize | 「JavaScript コードの最適化」のチェックを外す |
| Async JavaScript | エラーなし |
JavaScriptの縮小化するのなら、WP show more を利用しない
- JWP show more を利用しない
Autoptimize を利用する場合も、JavaScript コードの最適化のチェックを外すと、WP show more はエラーとなりません。Async JavaScript の利用で、WP show more のエラーはありません。
Async JavaScript の設定
- Enable Async JavaScript 有効
- Async JavaScript Method Async
- jQuery Defer
記事を折りたたむ
利用しているテーマ「Cocoon」には「トグルボックス」があるので、「WP show more」は必要ではありません。
「WP show more」よりも簡単に設置できます。
エラーもありません。
| ※上の記事を折りたたむはAMPページでは機能しません。 通常のページでご確認下さい→https://wordpress.vogue.tokyo/unexpected-identifie |
