Typefully

Add Media to Your WordPress Tables Using Ninja Tables

Avatar

Share

Β β€’Β 

4 years ago

Β β€’Β 

View on X

"Add Media" to your #WordPress data table using @NinjaTables Adding media to a table created by Ninja Tables is simple and fast. You can easily add image to your table columns and rows. You can show images or buttons. This feature comes with Ninja Tables PRO. See exampleπŸ‘‡πŸ‘‡πŸ‘‡
First, you have to create a table with the Ninja Table plugin. It's super easy. I already covered it in this thread πŸ‘‡ twitter.com/rednishat/status/1405236980389056514 Follow this if are new to Ninja Tables or go to the next tweet πŸ‘‡πŸ‘‡πŸ‘‡ #WordPressPlugin #NinjaTables
Here we have a sample table created using Ninja Tables Plugin. (see Screenshot) It has enough columns and rows. We will add a new column now for images. Click the "Add Column" button on the right upper corner.
A new window will pop up (first screenshot). we'll name the column "images" for simple use. Now from "Data Type" select "Image/File/Lightbox" (2nd Screenshot). After selection, you'll see new options under it. (see 3rd screenshot)
You can choose what you want. you can choose simply images or Image lightbox, Iframe lightbox. You can also add links to your image. we'll select Images for now. You can also choose Responsive breakpoint if you want to show or hide this column on desktop and mobile.(screenshot)
After clicking "Add Column", you'll see a new column has been added to the table. (see screenshot) Now click the pencil icon from the left (shown in the screenshot). A new window will open. You can upload images for this row. Click upload image and upload your desired image.
Repeat this process for other rows. After uploading all images click preview (1st screenshot). Your table will show newly added images in your image column! (see 2nd screenshot below) For more info visit- wpmanageninja.com/ninja-tables/add-media-to-tables/ or watch this video: youtube.com/watch?v=-s0Gi39gOhE
This is the "Day 3" thread of "Ninja Tables 15-day features intro". Follow me πŸ‘‰ @rednishat for future tutorials like this. Buy Ninja Tables PRO here πŸ‘‰ wpmanageninja.com/downloads/ninja-tables-pro-add-on/ Love this Breakdown? Retweet and share with your #WordPress community. #WordPressTutorial
Avatar

NiSHAT

@rednishat

Nishat Shahriyar  @WPManageNinja  Product Marketing Lead at @Fluent_Forms (500k+ Users)  Previously @FluentSupportWP (9k+ users)  links.nishishere.com