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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

インストールしたら、プラグインを有効にしてください!

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

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

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

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

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

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

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

3.テーブルにコンテンツを入れる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7.表の再編集

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

便利なTablePressアドオン

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

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

概要

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


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/9883/

好き (2)
前へ 2024年5月17日(金)午前9時40分
次のページ 2024年5月17日 13:42

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat
グローバルユーザー登録およびログインを容易にするため、電話によるログイン機能を停止いたしました。ログインに問題が発生した場合は、カスタマーサービスまでご連絡ください。