filter custom layouts without php

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

Upload: bryan-cady

Post on 15-Apr-2017

103 views

Category:

Software


2 download

TRANSCRIPT

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