WordPress   ※当サイトのコンテンツには広告が含まれる場合があります。

TablePressで検索・並び替えが消えた時の乗り換えプラグイン

yume-tada

Alternative-candidate-of-TablePress-plugin

TablePressを使っているが、検索・並べ替えができなくなった。

代替えプラグインが知りたい。

findout
お調べさん

表がカンタンに作成できるオススメプラグイが知りたい。

Worried
お悩みさん
ゆめただのり
ゆめただ

そんなお悩みにお答えします!

TablePress」プラグインは、無料のテーブル作成プラグインの中では最強

検索・並び替えができ、画像やリンクも挿入できます。

さらに、レスポンシブ対応なので、安心して使えます。

ゆめただも、おすすめ書籍のリストに使っていました。【過去】

しかし最近、TablePressプラグインから別のプラグインへ乗り換えをしました。

乗り換えた理由と、おすすめの代替えプラグインを紹介します。

TablePressプラグインがうまく動作していない方は、本記事で解決してください。

Spreadsheets

本記事を読んでわかるコト

・TablePressから別のプラグインへ乗り換えた理由

・オススメの乗り換えプラグイン【比較表あり】

この記事を書いた人【ゆめただ】

この記事を書いた人
track?id=8172&type=classic&u=021e5c4c 55f4 46cb 96fb a8e8768a2837

TablePressプラグインをやめて乗り換えた理由

ゆめただのり
ゆめただ

ゆめただは、この理由でTablepressをやめて別のプラグインへ乗り換えました。

TablePressをやめて乗り換えた理由

【理由1】 検索・並べ替えの機能が動かなくなる現象が多発。

【理由2】 横スクロール機能も効かなくなるため、レスポンシブデザインに対応できない

理由1だけなら使い続ける選択肢もありましたが。

レスポンシブデザインに非対応になることは、Googleにインデックスされないということ。

一度は解決して治しましたが、2度この現象が発生。

これはさすがにまずいと思い、乗り換えを決意

原因はおそらく、他のプラグインとのカニバリだと推測しましたが、

時間をかけて2度も原因調査するのは無駄と判断し、他のプラグインに乗り換えました。

解決しても、いつレスポンシブデザインに対応できなくなるかわからない。

いろいろ解決方法を検索しましたが、一度調べたことは試行済み。

リスクも考え乗り換えました

想定原因

1)他プラグインとの競合

2)javascriptのエラー

試したコト

1)プラグインを1つずつ無効化

2)jQueryパスを直接ページに追記する

Online test

TablePressからの乗り換え無料プラグイン【比較表】

ゆめただのり
ゆめただ

代替えのプラグインを比較しました。

ゆめただは、画像挿入・リンク挿入ができインポートができる「wp Table builder」をチョイス。

表作成方法検索機能並替機能フィルタ機能画像挿入リンク挿入レスポンシブ
デザイン
備考
TablePress
プラグイン
marumarumarumarumarumaru無料で多機能
使い易い
WP Table Builder
プラグイン
batumarubatumarumarumaruTablePressインポート可
CSVインポート可
wp Data Tables
プラグイン
marumarumarubatubatumaruEXCELインポート可
Tableブロック+
Table Sorter
プラグイン
batumarubatumarumarumaru自作で手間がかかる
TablePress代替え無料プラグイン比較表

選定のポイント

  • 画像が表に挿入できること。

 wpDataTablesは、画像が挿入できなかったので、代替え先候補からはずした。

 また無料版では、EXCELから読み込んだテーブルの編集機能が制限されていた。

 自由に編集するためには、有料版に移行するしかなく、難しい。

  • リンクが表に挿入できること。
  • レスポンシブデザインに対応していること(Googleにインデックスされない)
  • 検索や並べ替えは最優先ではない(できなくてもいいと判断)
  • wp Table Builderは「ボタン」「スター★」が挿入できる

オススメの代替えプラグイン

プラグイン名:wp Table builder

プラグインページ:https://ja.wordpress.org/plugins/tablepress/

作者:WP Table Builder

wpTableBulider_image3

【TablePressの表】

wpTableBulider_image16

【WP Table Builderの表】

wpTableBulider_image15

【レスポンシブ対応画面もイイ!】

wpTableBulider_image19

WP Table Builderを使ったページに行く

TablePressからwp Table Builderへの移行方法

wp Table Builderプラグインのインストール

wp Table Builderプラグインをインストールします。

管理画面

【プラグイン】

 管理画面の「プラグイン」ー「新規追加」をクリックします。

AF_lazyLoad_1

キーワードに「wp Table Builder」と入力します。

「wp Table Builder」が検索できます。

「今すぐインストール」をクリックします。

wpTableBulider_image2

プラグインを有効化

「有効化」をクリックします。

wpTableBulider_image33

これでインストールは完了です。

TablePressのデータをインポート

wp Table Builderがおすすめなのは、TablePressのデータをインポートできる機能が付いていること。

しかも無料版でこの機能が使えます。

おすすめポイント【wp Table Builder】

TablePressプラグインのデータをインポートできる!

「WP Table Builder」ー「Import/Export」を選択。

wpTableBulider_image4

IMPORTで、「PLUGINS」のタブをクリック。

「Import From TablePress」のボタンが出るのでクリックします。

wpTableBulider_image5

インポートが完了すると、TablePressのリストが出ます。

読み込みたいテーブルデータにチェックを入れて、「Replace Short Codes」をクリック。

wpTableBulider_image6

プレビューして表示内容を確認

読み込みが完了したら、微調整をしていきます。

管理画面で、「WP Table Builder」ー「All Tables」を選択

wpTableBulider_image7

読み込んだテーブルのところのEditをクリックします。

wpTableBulider image8

「PREVIEW」ボタンをクリック。

wpTableBulider_image9

プレビュー画面が出ます。表示レイアウト等をチェック。

「これは本番の画面ではないよ」というコメントが英語表示。

wpTableBulider_image10

レイアウトを調整する

MANAGE CELLSをクリックします。

wpTableBulider_image11

カラムの幅、高さ、垂直方向の位置を調整できます。

wpTableBulider_image12

ボタンやスター★の挿入もできる

 左の「Button」を挿入したCELLにドラッグアンドドロップ。

wpTableBulider_image13

ボタンの色や、リンク先等を変更できます。

wpTableBulider_image14

レスポンシブ対応

SETTINGSタブを選択。

「Enable Horizontal Scrolling」をONにして、横スクロールをONにしておきます。

wpTableBulider_image17

「RESPONSIVE」を選択。「Enable Responsive Table」をクリックします。

wpTableBulider_image18

スマホでも見やすい表示に切り替わります。

【レスポンシブ対応】

wpTableBulider_image19

ショートコードをコピペ

「EMBED」をクリックすると、ショートコードが表示されます。

これを表を表示したい場所にコピペします。

wpTableBulider_image20
ゆめただのり
ゆめただ

WP Table Builderに置き換えて、

あなたのホームページを確実にレスポンシブ対応にしましょう!

-WordPress