Black Friday Deals are Here Get Massive Discount NOW

How To Extract Table Data From Posts Using WordPress

  • Custom Column on WP Posts Table
  • ACF Field Integration
  • Shortcode, computed value or HTML
  • Post Meta Field
  • Featured Image
how to add data to WordPress tables from posts in Ninja Tables

What if we tell you there’s an easy way to spice up your WordPress website? You can add data to WordPress tables from posts and customize them all you want! After our illustration of How To Embed Online Data Tables in WordPress Posts/Pages, it’s time to show you the other way around.

Pulling all of the data from a WordPress post and displaying them in a tabular format might sound like a hassle to some of you. However, we have the perfect solution. Bear with us for a while.

Why consider tables to show WordPress posts

If you post a lot of content, you will encounter two types of audience- a dedicated reader who follows everything you post and a picky reader who only clicks on a post they find attractive.

Clearly, a table with details is more convenient than a long, wordy paragraph. A tabular appearance is always easy to follow and organized. As a result, your WordPress posts can only reach everyone if you list them on a data table!

A table with multiple columns and rows can show short key info that encourages clicks. It’s a shortcut for readers to look for the information they want.

Best ways to add data to WordPress tables from posts

We have chosen the all-rounder WordPress table plugin, Ninja Tables, for this demonstration- a Pro addon with a multitude of smart features. You can fold up your WordPress posts into a table without any additional plugin.

Among the 8 productive ways of creating tables, Ninja Tables stands out because of its integration with WP Posts or Custom Post Types. This built-in feature lets the user add data to WordPress tables from posts in dynamic styles.

1. Custom Column on WP Posts Table

First of all, go to the Ninja Tables dashboard and click “Add Table”.

create WordPress posts and add data to WordPress tables from posts

A popup box will appear with all the different ways you can create a table. Click on WP Posts. The box will show several fields and “Construct Table from Posts/CPTs” (Custom Post Type) as a heading.

We have chosen a single field type “Post” and switched it to the box on the right using the arrow.

create a table in WordPress and add data to WordPress tables from posts

After clicking on “Next”, another window will show up with different properties of the post. These properties are the column of the table you are about to create.

Select properties and move them to the right, then “Save” again. You can also set conditions with the “+” button.

best ways to use Ninja Tables to add data to WordPress tables from posts

Now you’d be surprised how quickly you can create a table from your post data!

Right after you save step 2, you will be taken to the classic Ninja Tables interface, where you can customize, configure, and design the entire table.

how can I use Ninja Tables to add data to WordPress tables from posts

You can modify or customize post properties from “Query Settings” and “Add New Column”.

Here’s another amazing feature. If there’s a permalink category or a post tag, you can sort it from the “Table Configuration” panel.

how to use a table plugin to add data to WordPress tables from posts

You can also skim through the documentation if you want.

2. ACF Field Integration

Among many versatile features, this one magnifies Ninja Tables’ capacity to create tables. Advanced Custom Field ensures this plugin is more dynamic, and it’s only available when users create WP Post.

use a table plugin to add data to WordPress tables from posts

Click on “Add New” and proceed to name it, “+Add Field”, and Field Label. Now, “Publish” the post.

add data to WordPress tables from posts without plugin

The added field is published. You can add more fields, edit or move the existing. Check the Custom Fields dashboard and see “ACF Demo” has appeared.

Go to “All Posts” and select the post you want to show custom fields using ACF.

add data to WordPress tables from posts using ACF

Now, go to the post-table created with Ninja Tables and open “Add New Column”.

You will see the menu expanding to “Dynamic Post Data Settings”. Fill in the “Field Type” from the dropdown and the “Field Value” box.

simple ways to add data to WordPress tables from posts

The field value should be just as you input before. Once you click “Add Column”, the new ACF Demo column will be created for its corresponding post.

add data to WordPress tables from posts in simple ways

Check out the documentation to know more.

3. Shortcode, computed value or HTML

We can start with the “Add New Column” panel from the previously created table. Name the column and choose “Shortcode / Computed Value or HTML” on Field Type.

For dynamic shortcode, use this –

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

how can I add data to WordPress tables from posts

Add the shortcode and click on “Add Column”. For example, the shortcode made for a WooCommerce table in Ninja Tables on a “Buy Now” column is [add_to_cart id=”{post.ID}”]

add data to WordPress tables from posts for beginners

Each row will take the respective WP post ID and create the add-to-cart button according to a valid shortcode. Go through the documentation for more clarity.

4. Post Meta Field

It’s also known as “Custom Fields”, and you can show an additional content of your WP post through Ninja Tables. You can either show a new post or edit an existing one.

For this demo, we are updating a previously made post with Custom Field and displaying it on Ninja Tables Post Meta Field. This feature is done from the admin panel.

First of all, navigate to the post’s “Screen Option” on the top. You will see some checkboxes appear, and one of them will be “Custom Fields”.

add data to WordPress tables from posts with Ninja Tables

Now, if you check the box, the Post Meta will expand to another panel with field name and value.

Here’s Advanced Custom Field as value.

add data to WordPress tables from posts easily

We want to add one of the fields in a table. So, we selected a pre-made table and went to the “Add New Column” panel.

Simply put the value in the field value here on Dynamic Post Data Settings as well and click on “Add Column”.

best ways to add data to WordPress tables from posts

The outcome will appear on the table automatically.

using Ninja Tables to add data to WordPress tables from posts

It’s the easiest part where all you have to do is add a featured image on a post and edit the “Add New Column” panel.

Firstly, open a post to upload a featured image, as shown in the image below.

how to use Ninja Tables to add data to WordPress tables from posts

You can replace or remove the image from the post’s sidebar. Since we already have a table ready, we picked and added images to some posts on that table. The posts with images will show up on the table after you create a new column.

create tables and add data to WordPress tables from posts

For the Field Value, you can determine the size or form of the image. For example, thumbnail, medium, large, etc. The checkbox for “Link to post permalink” will take you to the post if you click on the image and will “Open link to new tab” if you check the other one.

Right after you “Add Column”, the “Featured Image” column will be created and show corresponding images of posts.

how to add data to WordPress tables from posts

Remarks

That’s all for WP Post and Ninja Tables now. We have shown you how to add data to WordPress tables from posts. You can try it with Ninja Tables as per our demonstration because it’s more flexible and feature-rich. Although, to each their own!

Integration with WP Post is an awesome feature of the table plugin and helps a lot by pulling data from posts. A user can add custom columns, advanced custom fields, shortcode, post meta field, and featured images from the WP Post through an intuitive interface.

Take a look at our full documentation for a detailed recap.

On a final note, we will soon offer you an explanation of adding form entries in WordPress tables. Stay with us!


Do subscribe to our YouTube channel to get WordPress-related tips and tricks. Also, follow us on Twitter and Facebook.

Nusrat Fariha

Hi, this is Nusrat Fariha, a creative content writer at WPManageNinja who loves to work on diverse topics. And when I am not writing, you'll find me going through my favorite books.

Leave a Reply