久しぶりのITネタです。
WordPressのプラグイン「TablePress」。
簡単にテーブルが作成できる便利なプラグインです。
テーブルを作成するだけでなく、並べ替えができたり、検索ができたりといろいろ便利なはずなのですが、なぜかこれらの機能が使えないのです。(別サイトで使っています)
いろいろと調べたところ、どうもJavaScriptの不具合のようです。Chromeでみてみると、JavaScriptのエラーが3つありました。jQueryのバージョンが古いのかと、バージョンを変えてみたのですが、状況は変わらず。
ふと、「プラグインが競合しているのかも」と1つ1つ確認していきました。
エラーを出していた原因は、プラグイン「Head Cleaner」でした。
Head Cleanerの設定変更
Header部分をGoogle向けに整形してくれる便利なプラグインなのですが、テーマと合わないのか、エラーになっていたようです。これを停止したところエラーはでなくなり、Table Pressの機能も無事に使えるようになりました。
・・と昨晩は書いたのですが、「Haad Cleaner」の設定で回避できるのではないかと、寝る前に思いつきました(^^;;
JavaScriptの設定
「フッタ領域の JavaScript も対象にする」
「
の、チェックを外したところエラーがでなくなりました。JavaScriptのエラーなので、JavaScriptのチェックを外せばエラーはでないはずなんですよね。
現在の設定はこんな感じです。
ChromeでのJavaScriptエラー確認方法
テーマや環境にもよるのですが、「Table Pressの機能がうまくつかえない」という方がいらしゃったら、一度、プラグインを確認してみてください。
Chromeで確認する方法を書いておきます。
(1) Table Pressのショートコードが埋め込まれたページをChromeで表示する。
(2) ブラウザで右クリック⇒「要素を検証」を選択します。すると、画面下にデベロッパーツールが表示されます。
(3) 「Console」を選びます。こんな感じでエラーが表示されていました。
赤字で表示されているのがエラーです。
(4) プラグインを確認
原始的ではありますが、最初にすべてのプラグインを停止。
1つ1つ有効化してエラーが表示されないか確認していきました。
プラグインを有効化 ⇒ ページを再読み込みしてエラーが表示されないか確認。
これを繰り返していったところ、「Head Cleaner」を有効化したときに、エラーが表示されました。「Head Cleaner」を停止したままで、すべてのプラグインを有効化してもエラーは表示されませんでしたので、「Head Cleaner」が原因と特定しました。
便利なプラグインだだったので残念なのですが、今は「Head Cleaner」を使っていません。
この記事が、同じ問題を抱えた方の何かのお役に立てば幸いです。m(_ _)m
コメント