wordpress

WordPressのTablePress:JavaScriptが動作しない時の対処方

こんにちは、@みやふじです。

WordPressでTablePressで問題にぶつかったので、対処方を備忘録として残します。

 

問題:Scriptが動作しない

TablePressでJavaScriptライブラリをONにしたのに、フィルター機能が動作しませんでした。

 

設定はちゃんとオンになっている。。。

 

原因

WordPressのテーマが原因でJavaScript / CSS の設定が生成されたページに追加されていない。

ということがあるそうです。

必要なコード

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>

 

対策

記事の中に、直接 Script と css の設定を読み込むようにします。ただし、記事毎に設定する必要があるため、TablePressを大量のページに設定したい人にはあまりオススメしません。

編集モードは「ビジュアル」から「テキスト」に切り替えて、コードを追加してください。

 

修正した結果

Scriptが動作し、件数の表示と検索ボックスが表示されました。

この対策にたどり着いたのは以下の記事のお陰です。

[blogcard url="https://datatables.net/blog/2019-02-15"]

 

TablePressはインポート / エクスポート機能もついており、非常に便利です。どんどん使っていきましょう!!

-wordpress
-

© 2021 ITのmiyamon-log Powered by AFFINGER5