ElementorとTablePressを使ってWordPressでテーブルを作成する方法

利用するTablePressプラグインこのプラグインを使えば、WordPressサイトにテーブルを簡単に追加・管理できます。このプラグインは、複雑なコードを書くことなく美しいテーブルを作成するための直感的なグラフィカルインターフェースを提供します。

画像[1]-WordPressでElementorとTablePressを使ってテーブルを作成する方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

テーブルはWordPressのウェブサイトで重要な役割を果たします。データを整理、比較、表示するのに役立ち、訪問者がコンテンツを理解しやすくなります。しかし、以前はテーブルを作成するには、複雑なHTMLコードを手作業で記述する必要がありました。

WordPressのネイティブエディタでは、以前はテーブルを直接作成する機能はなかったが、幸いにもこれを補う強力なプラグインシステムがある。その優れた選択肢のひとつがTablePressプラグインだ。

TablePressプラグイングラフィカルなインターフェースと簡単な操作で、多くの人に愛されています。コードを書くことなく、簡単な操作で美しい表を作成し、コンテンツに簡単に挿入することができます。

TablePress - WordPressにテーブルを簡単に追加!

画像[2] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応

TablePressは、この種の製品の中で最も人気のある製品です。その主な理由は、おそらくその使いやすさ、直感的な操作性、初心者に優しいことでしょう。しかし、これに加えて、このプラグインには際立った多くの機能があります:

  • 複数のフォーマットからデータをインポートTablePressは、テーブルを作成するだけでなく、異なるフォーマット(Excel、CSV、HTML、JSON)から既存のデータをインポートすることもできます。
  • 輸出性TablePressで作成した表は、複数のフォーマットでエクスポートすることができます。これにより、情報を別のサイトやエクセルファイルに転送したり、その他の目的に使用することができます。
  • スケーラビリティメインのプラグインに加えて、開発者はTablePressにいくつかのアドオンを提供している。これらのアドオンは、テーブルをレスポンシブオプションには、列フィルタの追加、PDFとしての表の保存などがあります。

TablePressとElementorでWordPressにテーブルを作成する

TablePressプラグインを使ってWordPressで新しいテーブルを作成する方法。

1.TablePressをインストールする

もちろん、最初のステップは、インストールすることである。 TablePressプラグイン.他のWordPressプラグインと同じようにインストールしてください。ただ"プラグイン"> "Add New Plugin "でプラグイン名を検索し、"Install "をクリックする。

画像[3] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

インストールしたら、プラグインを有効化するだけです!

2.新しいテーブルの追加

サイトが有効化されると、WordPressパネルに新しいTablePressメニュー項目が表示されます。このメニュー項目をクリックすると、このインターフェイスにアクセスできます。

画像[4] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ここでは、WordPressサイトのフォームに関連するすべてのことを行います。トップには便利なリンクがあります。

新しいフォームを作成するには、「新しいフォームを追加」をクリックします。完了したら、ここに表示されます:

画像[5] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

このステップでは、テーブル名と任意の説明を入力し、必要な行数と列数を決定するだけです。入力が終わったら、一番下のAdd Tableをクリックします。

3.テーブルをコンテンツで埋める

次に、フォームのセルを埋める。スプレッドシートを扱ったことがある人なら、これらは些細な問題だろう。

画像[6] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

銘記ドラッグ&ドロップで行や列を移動したり、矢印アイコンで並べ替えができます。

4.詳細オプションの設定

テーブルの操作、デザイン、フォーマットのオプションは他にもあります。

画像[7] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

上部には、リンク、画像、テキストをアドバンスト・エディターで挿入することができます。これら3つのオプションのそれぞれについて、まず適切なボタンをクリックし、次にコンテンツを追加したいセルをクリックする必要があります。このプラグインは、これら3つのオプションのそれぞれに使い慣れたインターフェイスを提供します。

画像[8] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

セルの結合、非表示、コピー、挿入、行や列の削除、新しいセルの追加などのオプションもある。左右のチェックボックスを使って、操作したいものをマークしてください。

画像[9] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

フォームオプションでは、フォームにヘッダーやフッターを含めるかどうかを設定できます。また、代替行の色のオン/オフ、ホバー時のハイライトのコントロール、フォーム名と説明を表示するかどうか、表示する場所を設定することもできます。さらに、独自のカスタムスタイル用の CSS クラスを追加することもできます。

最後に、フォームを制御するJavaScriptライブラリの機能的なコントロールが一番下にあります。

画像[10] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

これらのオプションには、フォームのソート、検索、フィルター、ページング、水平スクロールの機能を追加するオプションが含まれます。また、カスタムパラメータを入力するフィールドもあります。

5.サイトにテーブルを表示する

完成したら、一番下でテーブルを保存するかプレビューすることができます。保存後、最も重要なことは右上のショートコードをチェックすることです。

画像[11]-ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

WordPress サイトにフォームを入力するために使用することもできますし、いつでも Show Shortcodes をクリックしてフォームの一覧からフォームを表示することもできます。

画像[12] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

サイト上のどこにでもフォームを表示するには、ショートコードをコピーして投稿、ページ、テキストウィジェットに入力するだけです。

画像[13] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

クラシックなWordPressエディターを使用している場合、TablePressはテーブルを挿入できるボタンも追加します。

画像[14] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

クリックすると、サイト上のすべてのフォームのリストと、各ショートコードをコンテンツに入力するためのボタンが表示されます。

画像[15] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

どの方法を選んでも、ページはこのようになる。ページネーションと検索ボックスに注目してください。

画像[16] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

6.ElementorでTablePressのテーブルを使う

Elementorテンプレート(例えばシングル投稿テンプレート)にテーブルを追加したい場合も同様にできます。問題のテンプレートを開き、左側にあるショートコードウィジェットを見つけ(検索機能を使うことができます)、テーブルを表示したい場所にドラッグするだけです。

次に、テーブルのショートコードを左側のフィールドに貼り付けます。TablePressの設定上、プレビュー・ウィンドウにはテーブルが表示されず、ショートコードだけが表示されます。

画像[17] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

でも、心配しないでください。テンプレートをプレビューまたは公開する際、フォームはその真ん中にあります。

7.テーブルの再編集

テーブルを変更したい場合は、TablePressのメインメニューに戻ってください。テーブルのリストで、名前の上にカーソルを置いてリンクを編集する

画像[18] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

見慣れた編集画面に移動し、必要に応じて変更を加える。一度保存すると、コンテンツ内のどこにテーブルが含まれていても、テーブルも更新されます。

TablePressでテーブルをインポートする

前述のように、データを手入力するのではなく、既存のファイルからインポートすることも可能です。TablePressは、この操作を新しいテーブルを作成するのと同じくらい簡単にしてくれます。

1.テーブルをインポートする

テーブルは、TablePress > インポートテーブルでインポートできます。(ホーム画面の上部にある)「すべてのオプションを検索」のタブもあります。

画像[19] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応

まず、入力ソースを選択します。入力ソースは、ファイルアップロード、URL、サーバー上のファイル、または手動入力(コピー&ペースト)です。

この例では、ファイルを使用します。アップロードするには、「参照」をクリックし、アップロードしたいスプレッドシートに移動します。アップロードが完了したら、ドロップダウンメニューを使って、どのフォーマット(CSV、HTML、JSON、Excel)かをTablePressに伝えます。

そのデータで新しいテーブルを作成するか、既存のテーブルを置き換えるか、すでにサイトにあるテーブルに新しいデータを追加するかを選択できる。もちろん、後者のオプションを選択した場合は、メニューからテーブルを選択する必要があります。

必要に応じて設定し果たす.

2.チェックとフォーマット

フォームをインポートすると、以前と同じページに送信されます。

画像[20] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux Network|プロのWordPress修理サービス、グローバルリーチ、迅速な対応

すべてがうまくいけば、データは正しく入力されるはずです。あとはデザインと動作オプションを設定するだけです。

3.ウェブサイトに表示する

その後、ショートコードを使用して、インポートしたフォームを以前と同じようにサイトの任意の場所に追加することができます。

TablePress - テーブルのエクスポート

最後に、このプラグインがユーザーに提供するエクスポート機能を見てみよう。当然のことながら、このオプションは TablePress > Export a Table またはメインメニュー上部のタブで見つけることができます。どちらのオプションも、このインターフェイスに移動します。

画像[21]-ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ここでまず、エクスポートしたいテーブルを選択する必要がある。Ctrl/Cmdを押しながら複数のテーブルを選択することもできますし、左側の "Select All "ボタンを使ってWordPressサイト上のすべてのテーブルをエクスポートすることもできます。

以下では、エクスポート形式(CSV、HTML、JSON)と、CSVを使用する場合の値間のセパレータ(カンマ、セミコロン、タブ)を選択します。zipファイルを作成するオプションもあります。この設定は、複数の表を同時にエクスポートする場合に必要です。選択したら、"エクスポートファイルのダウンロード書類の受領.

利用可能なプラグインオプション

テーブルプレスのオプションパネルは非常に限られている。

画像[22]-WordPressでElementorとTablePressを使ってテーブルを作成する方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

テーブルのスタイルは、主にCSSの設定によって変更することができる。このあたりに詳しくない場合は、開発者に手伝ってもらうといいだろう。この下には、メインメニュー上のTablePressメニューアイテムの位置を変更することができます。また、一番下にプラグインをアンインストールするためのボタンと、アンインストールする際の注意事項があります。

それでも足りない場合は、プラグインにさらなる機能をもたらすアドオンをいくつか紹介しよう。

便利なTablePressアドオン

冒頭で述べたように、TablePressには多くのオプションのアドオンが用意されている。

画像[23] - ElementorとTablePressを使ってWordPressでテーブルを作成する方法 - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応

概要

TablePressでテーブルを作成する方法、Elementorウェブサイトにテーブルを表示する方法、既存のテーブルデータをインポートする方法、ウェブサイトからテーブルをエクスポートする方法について説明した。また、プラグインオプションや多くのアドオンも用意されている。ご自身の WordPress ウェブサイトでテーブルを作成する際の参考になれば幸いです。他にも質問があれば、Photon Fluxの "質疑応答コミュニティ「メッセージ


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし