ひろみのみ

IT、コーチング、人材紹介・派遣で働いてきました。ITに関する記事(Qtが多くなってしまいました)や、コーチングスキル、転職のこと、個人的な体験や最近購入したものなどを不定期に更新しています。

WordPress

WordPressプラグイン TablePressが動作しない訳

投稿日:2015年11月2日 更新日:

久しぶりのITネタです。

WordPressのプラグイン「TablePress」。
簡単にテーブルが作成できる便利なプラグインです。

テーブルを作成するだけでなく、並べ替えができたり、検索ができたりといろいろ便利なはずなのですが、なぜかこれらの機能が使えないのです。(別サイトで使っています)

いろいろと調べたところ、どうもJavaScriptの不具合のようです。Chromeでみてみると、JavaScriptのエラーが3つありました。jQueryのバージョンが古いのかと、バージョンを変えてみたのですが、状況は変わらず。

ふと、「プラグインが競合しているのかも」と1つ1つ確認していきました。

エラーを出していた原因は、プラグイン「Head Cleaner」でした。

Head Cleanerの設定変更

Header部分をGoogle向けに整形してくれる便利なプラグインなのですが、テーマと合わないのか、エラーになっていたようです。これを停止したところエラーはでなくなり、Table Pressの機能も無事に使えるようになりました。

・・と昨晩は書いたのですが、「Haad Cleaner」の設定で回避できるのではないかと、寝る前に思いつきました(^^;;

JavaScriptの設定
「フッタ領域の JavaScript も対象にする」
「 内の JavaScript を、フッタ領域に移動」
の、チェックを外したところエラーがでなくなりました。JavaScriptのエラーなので、JavaScriptのチェックを外せばエラーはでないはずなんですよね。

現在の設定はこんな感じです。

Head Cleaner JavaScriptの設定

ChromeでのJavaScriptエラー確認方法

テーマや環境にもよるのですが、「Table Pressの機能がうまくつかえない」という方がいらしゃったら、一度、プラグインを確認してみてください。

Chromeで確認する方法を書いておきます。

(1) Table Pressのショートコードが埋め込まれたページをChromeで表示する。

(2) ブラウザで右クリック⇒「要素を検証」を選択します。すると、画面下にデベロッパーツールが表示されます。

(3) 「Console」を選びます。こんな感じでエラーが表示されていました。

Chromeエラー画面

赤字で表示されているのがエラーです。

(4) プラグインを確認

原始的ではありますが、最初にすべてのプラグインを停止。
1つ1つ有効化してエラーが表示されないか確認していきました。

プラグインを有効化 ⇒ ページを再読み込みしてエラーが表示されないか確認。

これを繰り返していったところ、「Head Cleaner」を有効化したときに、エラーが表示されました。「Head Cleaner」を停止したままで、すべてのプラグインを有効化してもエラーは表示されませんでしたので、「Head Cleaner」が原因と特定しました。

便利なプラグインだだったので残念なのですが、今は「Head Cleaner」を使っていません。

この記事が、同じ問題を抱えた方の何かのお役に立てば幸いです。m(_ _)m

-WordPress
-,

執筆者:


comment

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

関連記事

SNSボタンサムネイル

STINGER5にソーシャルボタン3種を追加する方法(トップページ)

最初から、STINGER5では、Facebook、Twitter、Google+、はてなブックマークの4種類のソーシャルボタンが表示されるようになっています。 このサイトでは、Pocket、feedl …

stinger5サムネイル画像

STINGER5を使う5つの理由

WordPressにはいろいろなテーマがあります。 このサイトでは、「STINGER5」という無料のテーマを使わせて頂いています。 STINGER5との出会いは偶然でした。 私が、STINGER5を使 …

SNSボタンサムネイル

STINGER5にソーシャルボタン3種を追加する方法(投稿記事)

先日、STINGER5で、トップページに Pocket、feedly、LINEの3種類のソーシャルボタンを追加する方法を書きました。 ひろみのみSTINGER5にソーシャルボタン3種を追加する方法(ト …

プロフィール画像

外資系IT企業、日系シンクタンクで、SEとして働いた後、コーチング専業会社に就業。転職エージェントを経て、IT業界に出戻りしました。

これまで数百名と面接してきた経験と、自分自身の経験をベースにITエンジニア向けの情報を発信しています。少しずつですが情報を更新中。

その他にもリクエストがあれば、お問い合わせフォームからお願いします。