広告の掲載について

当ブログは、商品やサービスの紹介にアフィリエイト広告を利用しており、収益を得ています。
ただし、読者の皆様にとって有益な情報提供を第一に考えております。

広告 ブログ運営

Excelで作成した表をWordPressに貼り付ける方法【TablePress】

サンダー
サンダー
WordPressの表をExcelで作成したいと思った事ありませんか?
あります。Excelなら慣れているから表作るのも簡単そう!
かみなりん
かみなりん
サンダー
サンダー
今回はExcelで作成した表を、TablePressプラグインを使って、WordPressに貼り付ける方法をご紹介します。

 

こんな方におすすめ

  • Excelで作成した表をWordPressに貼り付けたい

Excelで表を作成する

excelの表

WordPressに貼り付けたい表をExcelで作成します。

今回はサンプルとして、上記のようなファイルを作成しました。

こちらをExcelファイルとして保存します。

 

表作成プラグインのTablePressからインポートする

TablePressプラグインをインストール(した事ない人)

TablePressプラグイン

WordPressの表作成プラグインの「TablePress」のインポート機能を使って、先ほど作成したExcelファイルを読み込みます。

「TablePress」をインストールされていない方は、「プラグイン」→「新規追加」から、【TablePress】を検索し、インストール後、有効化してください。

 

「TablePress」を有効化すると、WordPressのダッシュボードに「TablePress」のメニューが追加されます。

 

TablePressからExcelで作成したテーブルをインポート(読込)

TablePressからインポート

 

「TablePress」→「テーブルをインポート」を選択してください。

 

読み込むExcelファイルの選択

Excelのインポートでファイルを選択

「テーブルをインポート」をクリックしたら、上記のようなメニューが表示されます。

 

【ファイルを選択】ボタンをクリックし、作成したExcelファイルを選択します。

Excel読み込み後の形式表示

 

Excelファイルを選択すると、【インポート形式】のリストが、【CSV-文字区切り値】から【Excel】に切り替わります。

新しいテーブルとして登録して良ければ、【インポート】ボタンをクリックします。

 

インポート(読み込んだ)Excelファイルのデータ確認

Excelインポート後

 

インポート(読み込んだ)Excelファイルが正しいか確認します。(テーブルの内容)

テーブルIDやテーブルの名称などは自分が分かりやすい名前に変更します。

 

作成したテーブルをWordPressの投稿画面で使用する

TablePressのメニューボタン

 

WordPressの編集画面に上図のような【TablePress】のメニューボタンがあります。

TablePressから表を挿入するには、こちらをクリックします。

 

使いたいテーブルのショートコード挿入ボタンをクリック

 

【TablePress】メニューボタンをクリックすると、テーブルの一覧が表示されるので、使いたいテーブルの右の方に表示されている【ショートコードを挿入】ボタンをクリックします。

 

[table “” not found /]

 

挿入すると、編集画面からは上記のような文が表示されると思います。これをショートコードと呼びます。

●●●部分はテーブル作成時に付けたID名となります。

 

プレビューして確認

編集画面からプレビューして表がきちんと反映されているか確認します。

 

1月2月3月4月5月6月7月8月9月10月11月12月
ユーザー数123456789101112
PV数369121518212427303336

 

とっても簡単ですね!慣れれば数分で作成できるので、ぜひお試しください。

 

また、今回作成したサンプルのように横長の表の場合、スマホなどでは見れなくなってしまう事があります。

スマホなどで横スクロールして全体を見られるようにする方法を書いた記事についても参考にしてください。

 

TablePressで作成したテーブルをスマホで横スクロールする方法

今回はTablePressの使用方法を既に存知の方に向けて説明します。   こんな方におすすめ TablePressの使い方は知っているが、作成した横長のテーブルをスマホなどで横スクロールさ ...

続きを見る







  • この記事を書いた人
SNSアイコン

サンダー

電気機器メーカーに就職し、ハードエンジニアとして勤務しています。 ブログでは電気、プログラミング、データサイエンスについて書いています。 電気×プログラミング×データサイエンスの3本柱で日本の製造業を盛り上げたいです!

-ブログ運営
-, , ,