TablePressの標準スタイルシートの読み込みを停止する方法

TablePressの標準スタイルシートの読み込みを停止する方法



WordPressで表組みを作成するプラグインと言えばTablePressが定番で使い勝手も良く重宝しています。

TablePress
参考
TablePress

TablePressを使用すると、美しい表を簡単に作成および管理できます。シンプルショートコードを使用して、テーブルをポスト、ページ、またはテキストウィジェットに埋め込むことができます。表データは、シートのようなインターフェースで編集できるため、コーディングは不要です。表には、評価される式であっても、あらゆるタイプのデータを含めることができます。追加のJavaScriptライブラリには、ソート、ページネーション、フィルタリングなどの機能がサイト訪問者に追加されています。テーブルはExcel、CSV、HTML、およびJSONファイルからインポート/エクスポートできます。

TablePress WordPress.org

しかしながら、TablePressで表を作成すると、tableタグに.tablepressというクラス名が追加され、以下のようなデザインの表が表示されます。

このままでは、サイトのデザインに合いません。
TablePressには「追加のCSSクラス:」で表に任意のクラスを追加することが出来るのですが、優先順位はTablePressのスタイルシート

wp-content/plugins/tablepress/css/default.min.css

が高いので、自分の意図したデザインにするには、!importantを使う等して余分にスタイルを作成する必要があります。

そこで何とかこの.tablepressを取り除きたかったのですが、検索してみましたが、その方法が見当たらず。

そんな折に見つけた方法が、そもそものTablePressのスタイルシートの読み込みを停止する以下のコードでした。

add_filter( 'tablepress_use_default_css', '__return_false' );

これで例えばTablePressの「追加のCSSクラス:」でBootstrapの表クラス名である.tableを追加すれば、.tablepressのスタイルは無効になるので、以下のような標準的なBootstrapの表デザインになります。

Remove TablePress plugin CSS in favor of using LESS from Twitter Bootstrap, see http://wordpress.org/support/topic/disable-standard-tablepress-css?replies=10.
参考
Remove TablePress plugin CSS in favor of using LESS from Twitter Bootstrap, see http://wordpress.org/support/topic/disable-standard-tablepress-css?replies=10.

Remove TablePress plugin CSS in favor of using LESS from Twitter Bootstrap, see http://wordpress.org/support/topic/disable-standard-tablepress-css?replies=10. - functions.php

Remove TablePress plugin CSS in favor of using LESS from Twitter Bootstrap, see http://wordpress.org/support/topic/disable-standard-tablepress-css?replies=10. Gist

これで万事解決です。

今日はここまで
TablePressの標準スタイルシートの読み込みを停止する方法

TablePressの標準スタイルシートの読み込みを停止する方法


開発

WordPressで表組みを作成するプラグインと言えばTablePressが定番で使い勝手も良く重宝しています。 しかしながら、TablePressで表を作成すると、tableタグに.tablepressというクラス名が…


関連する記事



こちらはいかが?


コメントを残す

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

*(必須)

*(必須・表示されません)