Tablepress - WordPress plugin on inserting Tables

17
Intro to TablePress No Coding Required

description

The 5 minute lighting talk presentation that was done on TablePress on August 5, 2013 for the Philly Burbs WordPress Meetup.

Transcript of Tablepress - WordPress plugin on inserting Tables

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/