Filter Custom Layouts Without PHP

31
Filter Custom Layouts Without PHP Using Custom Post Types and Display Content Plugins To Create Customized Layouts

Transcript of Filter Custom Layouts Without PHP

Page 1: Filter Custom Layouts Without PHP

Filter Custom Layouts Without PHP

Using Custom Post Types and Display Content PluginsTo Create Customized Layouts

Page 2: Filter Custom Layouts Without PHP

Who Am I?• Bryan Cady• Listen to the Wind Media• Build WordPress websites (Mainly non-profit and small

business)• Maintain websites• Host on a VPS/WHM

Page 3: Filter Custom Layouts Without PHP
Page 4: Filter Custom Layouts Without PHP

Photo credit: Skley https://www.flickr.com/photos/dskley/8172287586

Page 5: Filter Custom Layouts Without PHP
Page 6: Filter Custom Layouts Without PHP
Page 7: Filter Custom Layouts Without PHP
Page 8: Filter Custom Layouts Without PHP

What Is This Talk About?• Custom post types - What are they and why we might

use them• How to create custom post types and custom fields• What is a content layout plugin• How to use all the above to create filtered specific

content into custom layouts without PHP.

Page 9: Filter Custom Layouts Without PHP
Page 10: Filter Custom Layouts Without PHP

No Dishonor In Using a PluginBut

Still Learn Code

Page 11: Filter Custom Layouts Without PHP

WordPress Default Post Types• Post• Page• Attachment• Revision• Navigation menu

Page 12: Filter Custom Layouts Without PHP

What is a Custom Post Type?

Page 13: Filter Custom Layouts Without PHP

What is a Custom Post Type?• Content type with added custom fields (usually) used

for a specific purpose• Post that collects very specific and custom data that

can be used on your website

Page 14: Filter Custom Layouts Without PHP

Sites That Might Use a CPT?

Page 15: Filter Custom Layouts Without PHP

Sites That Might Use a CPT?• eCommerce• Real Estate

Page 16: Filter Custom Layouts Without PHP

Advantages of a CPT

Page 17: Filter Custom Layouts Without PHP

Advantages of a CPT• Organize post page• Simplify post page for admin or the user• More customizing generally means you can charge

more $$$• Happy client

Page 18: Filter Custom Layouts Without PHP

Common CPT Plugins• CustomPress• Pods• Custom Post Type UI• Custom Post Type Maker• Types (Toolset)

Page 19: Filter Custom Layouts Without PHP

Custom Field Plugins• Advanced Custom Fields (1 million downloads)• Toolset

Page 20: Filter Custom Layouts Without PHP
Page 21: Filter Custom Layouts Without PHP

What is Content Layout Plugin?• In basic form it puts fields and taxonomies of your

choice in order on a webpage• You style these fields with HTML and CSS

Page 22: Filter Custom Layouts Without PHP

What do you do with a content layout plugin?• Determine which post types to use • Which fields and/or taxonomies to use • Stack elements over each other• You will style with HTML/CSS the layout itself• You decide where to place the content what page or

website pages of the website.• This isn’t a “builder” plugin (At least the one we are

using)

Page 23: Filter Custom Layouts Without PHP

Content Layout Plugins• Ithemes Loopbuddy• Views (Toolset)

Page 24: Filter Custom Layouts Without PHP
Page 25: Filter Custom Layouts Without PHP
Page 26: Filter Custom Layouts Without PHP
Page 27: Filter Custom Layouts Without PHP
Page 28: Filter Custom Layouts Without PHP
Page 29: Filter Custom Layouts Without PHP

What are we going to do?• Create a Custom Post Type• Create fields for the CPT• Create Taxonomies • Create the layout with a ”View”• Add HTML/CSS for structure• Show how to add to a page

• Build a Content template for the CPT itself

Page 30: Filter Custom Layouts Without PHP
Page 31: Filter Custom Layouts Without PHP

Listen to the Wind MediaWeb Design and Content Solutions

Bryan [email protected]://www.listentothewindmedia.comTwitter: @bobcatou FB: facebook.com/listentothewind