今回はWordPressで商品紹介する際に、お役に立ちそうなTipsをご紹介します。
商品の仕様や諸元は表形式で表現することも多いと思います。しかし、htmlで表を記述するのは意外と煩雑で手間が掛かりますし、慣れてないと思った表にならない事もよくあります。
筆者も「htmlで表の作成」は、とてもおっくうに感じることがしばしば。。。
そんな時、WordPressはプラグイン(Plugin)を追加(インストール)して「悩みを解決」出来ることがあります。今回は「表の作成」お悩みによく効く「TablePress」のインストールと「表のインポート機能」について解説します！
Excelで作った表をインポートできる！
今回、TablePressを紹介したいと思ったのは、この機能に筆者自身が助けられているからです。
PCで「表作成」といえばマイクロソフト社のExcel（エクセル）で作成されている方も多いのではないでしょうか。「Excelで作成した表がサイトに取り込めたらいいのに。。。」そんな願いに応えてくれるのが「WordPress+TablePress」なのです！
TablePressでExcelの表をインポートする手順
表のインポート方法はいたって簡単。
- Excelで表を作成して保存する
- 「TablePress」のメニューで「テーブルのインポート」を選択する
- 「テーブルをインポート」の「インポート形式」で「XLSX – Microsoft Excel 2007-2019(experimental)」を選択する
- PC上のExcelファイルを選択して「イオンポート」ボタンをクリックする
- WordPressの管理画面で表の細かい部分を設定する
- 記事に表を埋め込む
如何ですか？とても簡単ですね！htmlの「tableタグをコツコツ書いて」保存して「ブラウザをリロードして確認」を「何度も繰り返す」とか気が遠くなりそうです。
文章だけだとイメージしにくいと思いますのでTablePressの操作をキャプチャで紹介しますね
「TablePress」のメニューで「テーブルのインポート」を選択する
Excelで表を作成してファイルに保存したら、WordPressにインポートします。まずはWordPressの管理画面にログインして、「TablePress」のメニューから「テーブルをインポート」を選択しましょう。
「テーブルをインポート」の「インポート形式」で「XLSX – Microsoft Excel 2007-2019(experimental)」を選択する
インポートするファイルの形式を選択します。XLSとXLSX拡張子のExcelファイルは共に「試用段階」の様ですが筆者の場合は問題なくインポートできました。
PC上のExcelファイルを選択して「インポート」ボタンをクリックする
「テーブルをインポート」内にある「ファイルを選択」ボタンをクリックするとエクスプローラーが開いてPC上のファイルを選択できるようになります。
ファイルを選択したら「開く」ボタンをクリックしてください。エクスプローラが閉じて、WordPressの「ファイルを選択」ボタンの右側に選択したファイル名がセットされます。
インポート・ボタンをクリックするとExcelファイルのインポートが始まります。
WordPressの管理画面で表の細かい部分を設定する
筆者は普段「DataTablesを使用:」はチェックを外しています。パラメータの項目名や説明文によれば、訪問者（閲覧者）が表を操作可能にできる様ですが、その様なことが必要ない場合は「このテーブルで以下のDataTables JavaScriptライブラリ機能を使用する」チェックはオフにしておきましょう。
記事に表を埋め込む
テーブルの編集画面に「ショートコード」が表示されていますので「コピー」します。
そして表を設置したい「投稿」や「固定ページ」の編集画面に移動して、設置したい場所に「ショートコード」を貼り付け（ペースト）ます。
[table id=1 /]
良く使う設定とパラメータ
表の設定例
セルを結合したりとか
この場合、TablePressのJavaScriptは使用できません。
オプション
オプションはショートコードに追加します。例えばこんな感じ。
[table id=1 first_column_th=”1″/]
この例では、1列目をヘッダーに設定できます。設定すると、こんな感じで1列目の表示が変わります。
TablePress（プラグイン）のインストール方法
TablePressはプラグインで追加できる機能です。WrodPressでの、一般的なプラグインのインストール方法を簡単に解説します。
プラグインの「新規追加」
WordPress管理画面の「プラグイン」メニュー内の「新規追加」をクリックします。
TablePressを検索
次の画像の赤枠内のテキストボックスに「TablePress」と入力してください。検索が始まります。
この時「Table Press」などとスペースで区切ったりすると「TablePressを見つける事ができません」ので注意してください。
「今すぐインストール」
「TablePress」が見つかったら「今すぐインストール」ボタンをクリックしてインストールを開始します。
インストールが始まると次の様な表示になります。
インストールが完了すると「有効化」ボタンが出現します。
「有効化」を忘れずに！
インストールが完了すると「有効化」ボタンが出現します。忘れずにクリックして有効化してください！
以上で「TablePress」プラグインが使用可能となりました！
まとめ
如何だったでしょうか？筆者と同様に、皆さんの「表作成の難易度感」が軽減されていれば幸いです。
プラグインのインストール方法など、また新しくわかったことなどがありましたら、情報を追加していきます。
