![Page 1: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/1.jpg)
Set It and Forget It!
Structured Content in WordPress with the Pods Framework
![Page 2: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/2.jpg)
About Me
● “UX Team of One” working on affordable housing in SF
● Content Strategist (and front-end dev) for IA Summit conference
● Former cancer scientist
(I’m big on empowering people!)
![Page 3: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/3.jpg)
Empowerment = structured content!
Structured content = content, organized by default using prepared metadata
● No fussy formatting● No touching code● No copy-pasting across multiple pages● Not trapped by the WYSIWYG field● Things should “just work”
(Why we use a CMS in the first place!)
![Page 4: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/4.jpg)
The ugly truth: WordPress themes are total failures of structured content
![Page 5: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/5.jpg)
That functions.php file...
● Theme-specific● Creates anything the theme needs● Creates custom post types and taxonomy,
only available in that theme
But what happens when you change the theme?
![Page 6: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/6.jpg)
![Page 7: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/7.jpg)
So what’s happening? Imagine you had a restaurant...
![Page 8: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/8.jpg)
..that’s weird, right?
![Page 9: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/9.jpg)
Is this an insurance company….
usedtobeapizzahut.blogspot.com
![Page 10: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/10.jpg)
...or a former Pizza Hut?
usedtobeapizzahut.blogspot.com
![Page 11: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/11.jpg)
Mixed-up roles!
![Page 12: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/12.jpg)
Kitchen --- Waiter --- Diner
![Page 13: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/13.jpg)
Kitchen --- Waiter --- Diner
![Page 14: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/14.jpg)
Kitchen --- Waiter --- Diner
![Page 15: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/15.jpg)
Kitchen --- Waiter --- Diner
![Page 16: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/16.jpg)
Model --- Controller --- View(MVC)
![Page 17: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/17.jpg)
Model --- Controller --- View(MVC)
Wordpress themes
![Page 18: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/18.jpg)
Which is how you end up with a confusing mess!
usedtobeapizzahut.blogspot.com
![Page 19: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/19.jpg)
Model --- Controller --- View(MVC)
Wordpress plugins
![Page 20: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/20.jpg)
But why Pods and not another plugin?
![Page 21: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/21.jpg)
Pods Advanced Custom Fields Toolset Types
Independent of functions.php? Yes No Yes
Just HTML/CSS? Yes No Yes
Content relationships Easy! Hard Overly complex
Free? YES! Freemium Freemium
Support?
The comparison chart!
(Seriously, nobody beats Jim!)
![Page 22: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/22.jpg)
Demo time!
(What you’re all here for!)
![Page 23: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/23.jpg)
The saga of IA Summit.org
What to do with content strategy???
In the recent past:
● Migration from incomplete Drupal project
● Slate wiped clean every year
Yearly rotation of organizing committee:
● Website team might change (no documentation!)
● Theme might change
![Page 24: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/24.jpg)
![Page 25: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/25.jpg)
Connecting Speakers to Talks and Posters
“Person” CPT using Pods template to show single instance
Connected “Talk” CPTs
Connected “Poster” CPT
Connected extended regular WP post
Fields in “Person” CPT:
● Photo● Current role● Past roles● LinkedIn URL● Twitter handle● Website● Past talks● Posters● Related posts
![Page 26: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/26.jpg)
Pulling Speaker info into Talks
“Talk” CPT using Pods template to show single instance
“Person” CPT
![Page 27: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/27.jpg)
Pulling Speaker info into Posts
WordPress posts (extended by Pods) using Pods template to show single instance
“Person” CPT
![Page 28: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/28.jpg)
Demo: Custom post types & taxonomies
![Page 29: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/29.jpg)
Building Pods Templates in dashboard
● Can replace any built-in page templates● HTML, CSS and “Magic Tags”● Built-in conditionals and repeater for multiple instances
![Page 30: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/30.jpg)
Ex: Conditional layouts in template
“Talk” CPT using Pods template to show single instance
Fields in “Talk” CPT:
● Speakers● Transcript● Embeds● Video link● Audio shortcode● Storify link
![Page 31: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/31.jpg)
Ex: Repeated instances
“Talk” CPT with multiple speakers
![Page 32: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/32.jpg)
Demo: Pods Templates
![Page 33: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/33.jpg)
Putting it all together...with shortcodes!
● Insert Pods content into WP pages or posts○ Single item○ List of items○ Field from single item○ Field from current item○ Form for editing Pods
● Use SQL calls to filter in shortcode
![Page 34: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/34.jpg)
Filtering with shortcodes
WP Page displaying multiple “Person” Pod items
(Past presenter page displays speakers that have a past role but
no current role.)
Where current role is “co-chair”
Where current role is “keynote speaker”
Where current role is “speaker”
![Page 35: Set It and Forget It! · 2018. 2. 23. · Demo: Custom post types & taxonomies. Building Pods Templates in dashboard Can replace any built-in page templates HTML, CSS and “Magic](https://reader034.vdocuments.site/reader034/viewer/2022052101/603b1825b81ba84659590f5d/html5/thumbnails/35.jpg)
(Short) Demo: Shortcodes