Top Banner
Intro to TablePress No Coding Required
17

Tablepress - WordPress plugin on inserting Tables

Nov 27, 2014

Download

Technology

Thomas Carney

The 5 minute lighting talk presentation that was done on TablePress on August 5, 2013 for the Philly Burbs WordPress Meetup.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tablepress - WordPress plugin on inserting Tables

Intro to TablePressNo Coding Required

Page 2: Tablepress - WordPress plugin on inserting Tables

Using WordPress for about 5 years

Work at 20/10 Solutions as an Interactive Developer

Twitter: @tecdocWebsite: http://www.tomcarneyis.me

Favorite web programming languages: HTML, PHP, CSS and JavaScript

but …… still think coding tables can be annoying.

About Me

Page 3: Tablepress - WordPress plugin on inserting Tables

What We Will Cover

• Downloading the Plugin• Setting up your table in the Dashboard• Using the TablePress options• TablePress’ shortcode• Extra Resources

Page 4: Tablepress - WordPress plugin on inserting Tables

TablePress Download

• Go to:http://wordpress.org/plugins/tablepress/

• Or go through your WordPress dashboard and search TablePress

• Activate TablePress

Page 5: Tablepress - WordPress plugin on inserting Tables

Setting up a table

• Go to the TablePress panel:

• Hit the Add New Table link

Page 6: Tablepress - WordPress plugin on inserting Tables
Page 7: Tablepress - WordPress plugin on inserting Tables

Adding Table Content

All you need to do is enter your column headers then the corresponding content for each cells.

Page 8: Tablepress - WordPress plugin on inserting Tables

Manipulating Table Content

Page 9: Tablepress - WordPress plugin on inserting Tables

Manipulating Content

• Most instances: Fill in the content of the cell first! (Exceptions being the row and col spans)

• Use the Checkboxes next to the rows or underneath the columns to Delete or Duplicate them.

Page 10: Tablepress - WordPress plugin on inserting Tables

Looking at the Options

• Makes including titles and row coloring very easy and accessible to change.

Page 11: Tablepress - WordPress plugin on inserting Tables

JavaScript Features

• Title of the section can be a little misleading and intimidating• Most options give your table more function with a click of a

checkbox.• Once Finished – Click Save

Page 12: Tablepress - WordPress plugin on inserting Tables

TablePress Shortcode

• Click on All Tables link then Show Shortcode• Copy and paste the shortcode that is highlighted in

field pictured above and put in the post and/or page that you want to put it in.

Page 13: Tablepress - WordPress plugin on inserting Tables

Shortcode Shortcut

• Within your Page or Post, click on TablePress icon in the Content area toolbar

• Click on Insert Shortcode

Page 14: Tablepress - WordPress plugin on inserting Tables

Your Content Area should look like

• With the shortcode in your page/post, place the your needed content and hit Update or Publish.

Page 15: Tablepress - WordPress plugin on inserting Tables
Page 16: Tablepress - WordPress plugin on inserting Tables

Where to get the Presentation

• SlideSharehttp://www.slideshare.net/thomascarney

• My Website – With Articlehttp://tomcarneyis.me/tablepress

Page 17: Tablepress - WordPress plugin on inserting Tables

Extra TablePress Resources

• TablePress on the WordPress Repositoryhttp://wordpress.org/plugins/tablepress/

• TablePress Documentation:http://tablepress.org/documentation/

• WP Beginner Article:http://www.wpbeginner.com/plugins/how-to-add-tables-in-wordpress-posts-and-pages-no-html-required/