WordPressを使用して投稿からテーブルデータを抽出する方法

WordPressのウェブサイトにスパイスを加える簡単な方法があると言ったらどうしますか？ 投稿からWordPressテーブルにデータを追加し、必要に応じてカスタマイズできます。 WordPressの投稿/ページにオンラインデータテーブルを埋め込む方法を説明した後、その逆を紹介します。

WordPressの投稿からすべてのデータを取得して表形式で表示することは、面倒なことのように聞こえるかもしれません。 ただし、完璧なソリューションがあります。 しばらくお待ちください。

• WordPressの投稿を表示するためにテーブルを検討する理由
• テーブルにWordPressの投稿データを追加するための最良の方法

WordPressの投稿を表示するためにテーブルを検討する理由

たくさんのコンテンツを投稿すると、2種類の視聴者に出会うでしょう。投稿したものすべてをフォローする熱心な読者と、魅力的だと思う投稿をクリックするだけの気の利いた読者です。

明らかに、詳細が記載された表は、長くて言葉の多い段落よりも便利です。 表形式の外観は、いつでも簡単に追跡および整理できます。 その結果、WordPressの投稿は、データテーブルにリストした場合にのみ、すべての人に届くようになります。

複数の列と行があるテーブルには、クリックを促す短いキー情報を表示できます。 これは、読者が必要な情報を探すためのショートカットです。

投稿からWordPressテーブルにデータを追加するための最良の方法

このデモンストレーションには、オールラウンダーのWordPressテーブルプラグインであるNinja Tablesを選択しました。これは、多数のスマート機能を備えたProアドオンです。 追加のプラグインなしで、WordPressの投稿をテーブルに折りたたむことができます。

テーブルを作成する8つの生産的な方法の中で、忍者テーブルはWP投稿またはカスタム投稿タイプとの統合により際立っています。 この組み込み機能により、ユーザーは動的なスタイルの投稿からWordPressテーブルにデータを追加できます。

• WP投稿テーブルのカスタム列
• ACFフィールド統合
• ショートコード、計算値、またはHTML
• ポストメタフィールド
• 注目の画像

1.WP投稿テーブルのカスタム列

まず、Ninja Tablesダッシュボードに移動し、[テーブルの追加]をクリックします。

テーブルを作成するさまざまな方法をすべて示すポップアップボックスが表示されます。 WP投稿をクリックします。 ボックスには、いくつかのフィールドと「投稿/ CPTからテーブルを作成」​​（カスタム投稿タイプ）が見出しとして表示されます。

単一のフィールドタイプ「投稿」を選択し、矢印を使用して右側のボックスに切り替えました。

「次へ」をクリックすると、投稿のさまざまなプロパティを示す別のウィンドウが表示されます。 これらのプロパティは、作成しようとしているテーブルの列です。

プロパティを選択して右に移動し、もう一度「保存」します。 「+」ボタンで条件を設定することもできます。

これで、投稿データからテーブルをすばやく作成できることに驚かれることでしょう。

手順2を保存した直後に、テーブル全体をカスタマイズ、構成、および設計できる従来のNinjaTablesインターフェイスが表示されます。

「クエリ設定」と「新しい列の追加」から投稿のプロパティを変更またはカスタマイズできます。

もう1つのすばらしい機能があります。 パーマリンクカテゴリまたは投稿タグがある場合は、[テーブルの構成]パネルから並べ替えることができます。

必要に応じて、ドキュメントをざっと読むこともできます。

2.ACFフィールド統合

多くの用途の広い機能の中で、これはテーブルを作成する忍者テーブルの能力を拡大します。 Advanced Custom Fieldは、このプラグインがより動的であることを保証し、ユーザーがWPPostを作成するときにのみ使用できます。

「新規追加」をクリックして、「+フィールドの追加」および「フィールドラベル」という名前を付けます。 次に、投稿を「公開」します。

追加されたフィールドが公開されます。 さらにフィールドを追加したり、既存のフィールドを編集または移動したりできます。 カスタムフィールドダッシュボードをチェックして、「ACFデモ」が表示されていることを確認してください。

「すべての投稿」に移動し、ACFを使用してカスタムフィールドを表示する投稿を選択します。

次に、Ninja Tablesで作成されたポストテーブルに移動し、「AddNewColumn」を開きます。

メニューが「動的投稿データ設定」に展開されます。 ドロップダウンと[フィールド値]ボックスから[フィールドタイプ]に入力します。

フィールド値は、前に入力したものと同じである必要があります。 「列の追加」をクリックすると、対応する投稿用に新しいACFデモ列が作成されます。

詳細については、ドキュメントを確認してください。

3.ショートコード、計算値、またはHTML

以前に作成したテーブルの「新しい列の追加」パネルから始めることができます。 列に名前を付け、[フィールドタイプ]で[ショートコード/計算値またはHTML]を選択します。

動的ショートコードの場合、これを使用します–

[yourshortcode YourParam =” {post.ID}”]

ショートコードを追加し、「列の追加」をクリックします。 たとえば、「今すぐ購入」列の忍者テーブルのWooCommerceテーブル用に作成されたショートコードは、 [add_to_cart id =” {post.ID}”]です。

各行はそれぞれのWPポストIDを取得し、有効なショートコードに従ってカートに追加ボタンを作成します。 より明確にするためにドキュメントを読んでください。

4.ポストメタフィールド

これは「カスタムフィールド」とも呼ばれ、忍者テーブルを介してWP投稿の追加コンテンツを表示できます。 新しい投稿を表示するか、既存の投稿を編集することができます。

このデモでは、以前に作成した投稿をカスタムフィールドで更新し、それをNinja Tables PostMetaFieldに表示します。 この機能は、管理パネルから実行されます。

まず、上部にある投稿の「画面オプション」に移動します。 いくつかのチェックボックスが表示され、そのうちの1つが「カスタムフィールド」になります。

ここで、チェックボックスをオンにすると、PostMetaがフィールド名と値を持つ別のパネルに展開されます。

値としての高度なカスタムフィールドは次のとおりです。

テーブルにフィールドの1つを追加します。 そこで、作成済みのテーブルを選択して、[新しい列の追加]パネルに移動しました。

動的投稿データ設定のここのフィールド値にも値を入力し、[列の追加]をクリックするだけです。

結果は自動的にテーブルに表示されます。

5.注目の画像

これは、投稿に注目の画像を追加し、[新しい列を追加]パネルを編集するだけの最も簡単な部分です。

まず、下の画像に示すように、投稿を開いて注目の画像をアップロードします。

投稿のサイドバーから画像を置き換えたり、削除したりできます。 すでにテーブルの準備ができているので、そのテーブルのいくつかの投稿に画像を選択して追加しました。 新しい列を作成すると、画像付きの投稿がテーブルに表示されます。

フィールド値については、画像のサイズまたは形式を決定できます。 たとえば、サムネイル、中、大などです。[投稿パーマリンクへのリンク]のチェックボックスは、画像をクリックすると投稿に移動し、他の画像をクリックすると[新しいタブへのリンクを開く]に移動します。

「列を追加」の直後に「注目の画像」列が作成され、対応する投稿の画像が表示されます。

備考

WPPostとNinjaTablesは以上です。 投稿からWordPressテーブルにデータを追加する方法を示しました。 より柔軟で機能が豊富なため、デモのようにNinjaTablesで試すことができます。 しかし、それぞれに！

WP Postとの統合は、テーブルプラグインのすばらしい機能であり、投稿からデータを取得することで大いに役立ちます。 ユーザーは、直感的なインターフェイスを介して、WP Postからカスタム列、高度なカスタムフィールド、ショートコード、投稿メタフィールド、および注目の画像を追加できます。

詳細な要約については、完全なドキュメントをご覧ください。

最後に、WordPressテーブルにフォームエントリを追加する方法についてすぐに説明します。 私たちと居て！