こんにちは。
WordPress の無料テーマの Cocoon で TablePress を使っていたら、いつの間にか TablePress で作った表の並べ替えができなくなっていました。
おそらく、 Cocoon ユーザーの方で、筆者と同じ体験をしている方がいるのではないでしょうか。または、はじめて TablePress を使ったけど、並べ替えができなくて悩んでいる！とかもありそうですね。
なので、今回は、WordPress の無料テーマの Cocoon で TablePress の並べ替え機能が使えなくなってしまったときの対処方法を紹介したいと思います。
あ、これ、Cocoon 限定の対策方法になると思いますので、Cocoon ユーザー以外の方には、あまり役に立たない情報かも知れませんのであしからず。
それでは、時間ももったいないと思いますので、サクッと行ってみましょう！
TablePress で検索・並び替えできない！
ブログに表を差し込みたいとき、ブログに訪問してくれたユーザーさんの使い勝手のことを考えたり、ブログの運営の管理負担のことを考えて、 TablePress を使うことって多いかと思います。
TablePress は、使いこなせるようになれば本当に便利ですからね。
ただ、その TablePress で作った表が、いつの間にかデータのソート(並び替え)ができなくなっていることに気が付きました。
こんな感じです↓（イメージ）
見出し行（一番上の行）に黒い三角の矢印が表示されていません。
並び替えができていたときは↓こんな感じで黒三角の矢印が表示されています。
TablePress の並べ替えができない原因は？
TablePress の並び替えが上手く機能しない原因を調べてみると、次の2つのパターンが見つかりました。
- 競合しているプラグインがある
- Cocoon で高速化をしている
Cocoon を使ってる方は、まずは「２.」の「 Cocoon で高速化をしている」から疑ってかかった方がいいでしょう。ただし、 Cocoon の高速化は、デフォルトではオフになっていたと思いますので、高速化をオンにしたときだけが対象になります。
Cocoon で高速化をオンにしているときの対策方法！
Cocoonには、高速化という機能が付随していて、サイトの表示スピードの高速化をオン・オフで設定をすることができます。
その中で、不具合になるのが「JavaScript縮小化」の項目です。
ここで、「JavaScriptを縮小化する」にチェックしていると、TablePress で並び替えが出来なかったり、検索が出来なかったりする問題が発生してしまいます。
ですので、
TablePress のプラグインの JavaScript を除外してあげれば、不具合を解消することができます！
具体的には、
「縮小除外JavaScriptファイルの文字列を入力」と書いてあるところに、 TablePress の JavaScript のパスを記入して、JavaScriptの縮小化から除外してあげます。
↓これを記入すればおｋです。
↓こんな感じで /wp-content/plugins/tablepress/ を追加してください。
最後に、画面下の方にある「変更を保存」のボタンを押せば対策は終わりです。
これで、無事に並び替えや検索などができるようになります！
こんな感じです↓（イメージ）
実際の表も表示させておきますね！
↓こちらです
| 国語 | 算数 | 理科 | 社会 | |
|---|---|---|---|---|
| Aさん | 65点 | 82点 | 88点 | 68点 |
| Bさん | 92点 | 85点 | 82点 | 90点 |
| Cさん | 80点 | 68点 | 75点 | 78点 |
| Dさん | 75点 | 88点 | 69点 | 70点 |
(おまけ) 競合しているプラグインを確認する方法
Cocoon の高速化をしていないけど、 TablePress の並び替えができない方のために、競合しているプラグインを確認する方法を紹介しておきます。
確認する手順は簡単です。
有効化になっているプラグインを上から順番に一つ停止しては、TablePress の並び替えが出来るか否か確認していくだけです。
ひとつひとつ確認するのが面倒だと思う方は、「 TablePress プラグイン競合 」などでググってみてください。
まとめ
WordPress の無料テーマの Cocoon を使っていて TablePress のソート (並べ替え) 機能や検索機能がうまく動かないときの原因と対策を紹介しました。
これで、あなたのブログも問題なく TablePress が動いてくれたのではないでしょうか。(^_^)
コメント