ブログ運営

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で作成した横長のテーブルがスマホで表示されずに困った事ありませんか? あります!テーブルの途中までしか表示されずに困っています。かみなりん サンダーそのよ ...

続きを見る







人気の記事

1

サンダー直流(DC)と交流(AC)の違いって分かりますか? かみなりん家庭用のコンセントは交流(AC)だよね。乾電池はなんとなくDC(直流)というイメージです。 サンダー改めて聞かれると、交流と直流の ...

【オペアンプ】 反転増幅回路の回路図アイキャッチ 2

かみなりんオペアンプの反転増幅回路ってどういう特徴があるの? サンダー反転増幅回路は文字通り、入力電圧の符号を反転、増幅する回路になります。 かみなりん反転して、増幅するから反転増幅回路なんだね。じゃ ...

アノードコモンとカソードコモン 3

サンダー「アノードコモン」と「カソードコモン」の違い分かりますか? かみなりんえーっと、アノードがプラス側、カソードがマイナス側で・・・コモンってなんだっけ? サンダー改めて聞かれると、どっちがどうだ ...

4

かみなりんアフィリエイトで成果が発生しない!? という問題が起きているようですね。 アフィリエイトが発生しないというのは死活問題ですね。   原因はどうやら、アンカーリンク内のtarget= ...

旅行やアルバイト等の 紹介にバリューコマースの『MyLinkBox』が超便利!! 5

サンダーバリューコマースから2019年6月5日に『MyLinkBox』がリリースされました! かみなりんその『MyLinkBox』ってなに? サンダー『カエレバ』や『Rinker』はご存知でしょうか? ...

miMind使いかたアイキャッチ 6

サンダーマインドマップはご存知ですか?   放射状に枝が伸びていくアレですよね?   頭の整理をするのに良く使います   私もよく情報を整理するためにマインドマップを作成 ...

Web(ウェブ)開発の学習にオススメなUdemyコース3選 7

サンダー世界最大級のオンライン学習プラットフォームの【Udemy】はご存知ですか? アメリカのシリコンバレー発のオンライン学習サイトで、日本ではベネッセが運営しています。 私自身もWeb開発やPyth ...

ブレッドボード の使い方のアイキャッチ 8

サンダーブレッドボードって知ってる? かみなりん電子工作でハンダ付けせずに、手軽に電子回路が組めるボードだよね? サンダーそう、今回はそのブレッドボードの使い方を紹介します。ブレッドボードを使ってLE ...

箇条書きタグ自動追加ツール 9

【このツールの目的】 箇条書きタグ(ulタグもしくはolタグ)を自動で追加するツールです。 listタグも自動で追加します。 【箇条書きの種類選択】 数字無し箇条書き(ul) ・箇条書き数字有り箇条書 ...

LED抵抗計算機 10

LED抵抗自動計算機 下図のように、LED1個をつなぐとき、LEDに流したい電流から抵抗値を求める計算機です。   LED抵抗計算機 ↓電源電圧【例】5(V) ↓LEDの電圧降下【例】2(V ...

-ブログ運営
-, , ,