![見出し画像](https://assets.st-note.com/production/uploads/images/145891216/rectangle_large_type_2_8a7dc42d771b5c785913bdb3d692411c.jpeg?width=800)
Google SpreadsheetとWordPressを連携できるSheets to WP Table Live SyncプラグインでWEBページにデータ表示する
Google SpreadsheetのデータをWordPressサイトに表示したい場合、「Sheets to WP Table Live Sync」プラグインがおすすめです。
![](https://assets.st-note.com/img/1719850563319-D5n6tUD2ad.jpg?width=800)
目次
プラグインの主な機能
【プラグインの主な機能】
Google SpreadsheetとWordPressの連携でリアルタイムデータ同期
レスポンシブなデータテーブルをショートコードで簡単埋め込み
Gutenbergブロック、Elementorウィジェットに対応
並べ替え、検索バー、ページネーション機能付き
無料版でも基本機能が使え、有料版ではさらに高機能に
Google Spreadsheetでデータを入力・編集するだけで、WordPressサイトのデータテーブルが自動更新されます。デザインのカスタマイズも行えるので、見栄えの良いデータ表示が可能です。
Creating new table
![](https://assets.st-note.com/img/1719850595188-zxgj3SkDOW.jpg?width=800)
Add Google Sheet URL
Google スプレッドシートの URL をコピーして、ここに貼り付けます。
Create tableを押して、進みます。
Data source
![](https://assets.st-note.com/img/1719850611403-vMwa8L6z8d.jpg?width=800)
Table title
テーブルのタイトルを指定します。ここで独自のタイトルを設定できます。
Google Sheet URL
表示したいGoogleスプレッドシートのURLを入力する欄です。URLを正しく指定しないとデータは表示されません。URLはスプレッドシートを共有(URLを公開)する必要があります。
Display settings
![](https://assets.st-note.com/img/1719850623853-GENTVe9JQZ.jpg?width=800)
Fetch & Save
Back/Next – データテーブルを前/次のページに移動するためのナビゲーションボタンを表示します。
Table top elements
Show entries – 行数を選択してテーブルに表示する行数を変更できるドロップダウンを表示します。
Show search box – テーブル内のデータを検索するための検索ボックスを表示します。
Swap position – 入力行数と検索ボックスの位置を入れ替えます。
Table bottom elements
Show entry info – テーブルの下部に、現在表示している行の範囲を示す情報を表示します(例: 1から10/100エントリ)
Show pagination – ページネーションリンクを表示し、他のページに移動できるようにします。
Swap position – エントリー情報とページネーションの位置を入れ替えます。
Show Table title
Google Spreadsheetのシート名をテーブルのタイトルとして表示します。
Merge cells
スプレッドシート上で結合されたセルがある場合、そのセルの結合を反映してテーブルを表示します。
Enable sorting
テーブルのヘッダーをクリックして、その列の値で並べ替えできるようになります。
![](https://assets.st-note.com/img/1719850649974-p2bhvRkWpO.jpg?width=800)
これらの設定を組み合わせることで、見栄えの良いレスポンシブなデータテーブルを WordPress サイトに表示できます。
![](https://assets.st-note.com/img/1719850672760-ZKCdWtuDVR.jpg?width=800)
![](https://assets.st-note.com/img/1719850672766-6msgzd9zad.jpg?width=800)
Table customization
Cell formatting style
Expanded: セルの内容を完全に表示する
Wrapped: セルの内容が長い場合に折り返して表示する
Responsive style
Default: レスポンシブ対応なし
Collapsible Style: 折りたたみ可能: 画面が小さくなった際に行を折りたたむ
Scrollable Style: スクロール可能: 画面が小さくなった際にスクロールして内容を表示
Rows to show per page
Hide Rows/Column
Hide Columns, Hide Rows, Hide Cells
サポートお願い致します!