Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
WordPress with Pods, 
no PHP needed 
Josh Pollock, @josh412 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCam...
Terminology 
○ What are Custom Post Types? 
○ What are Custom Fields? 
○ What is a Pods Template? 
○ What is Pods Frontier...
Creating Post Types & Fields with Pods 
Steps: 
1. Add the Post Type 
2. Add Field 
3. Add a second Post Type 
4. Set Rela...
Adding a Post Type Pod 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
Adding a Text Field 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
Adding an Image Field 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
Creating a Bidirectional Relationship (part 1) 
Relationship fields allow us to 
select item(s) from another 
Pod as the v...
Add a Second Post Type Pod 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
Add Another Image Field 
Image fields are another 
type of relationship 
field. They are related to 
Media (the ‘attachmen...
Creating a Bidirectional Relationship (Part 2) 
This field will be 
related to the Jedi post 
type we created only, 
which...
Creating a Bidirectional Relationship (Part 3) 
Because I created the 
relationship to Jedi from 
Planet, I can now make t...
Bi-Directional Relationships 
Allow you to select items of one Pod as the 
value of a field in another Pod. 
Much power, v...
Pods Templates: Overview 
A complete front-end system for Pods Content 
● Magic Tags 
● Pods Frontier 
● Pods Frontier Aut...
Magic Tags 
Return Pods Field Value (using magic) 
Examples: 
● {@post_title} 
● <img src="{@image,esc_url}" /> 
● <img sr...
Escaping Magic Tag Output Properly 
It’s important to escape your output properly, 
or else… 
Example: 
<a href=”{@permali...
Pods Frontier 
Advanced Pods Templating Capabilities 
● Control Blocks (each/if/else/etc.) 
● Add CSS and JavaScript per T...
Using Pods Frontier: Basics 
Magic tags allow us 
to output field 
values by using the 
field name. 
This includes default...
Pods Frontier !== Pods Frontier Auto Template 
Sorry for the confusion, we messed up. 
WordPress with Pods, no PHP Needed ...
Using Pods Frontier: Traversal 
With a dot we can 
"traverse" into a 
related field. 
WordPress with Pods, no PHP Needed /...
Using Pods Frontier: [if] Blocks 
[if] blocks allow us to 
show content only if 
a field has a value. 
WordPress with Pods...
Using Pods Frontier: 
[each] Loop for Multi-Select Image Fields 
Inside an [each] loop we are 
automatically traversed int...
Using Pods Frontier: Adding Custom CSS & JavaScript 
The script and Style tags will 
output inline scripts/styles. 
<scrip...
Using Pods Frontier: 
Each Loop For Multi-Select Relationship Fields 
Inside of an [each] 
loop we don't need 
to use dot ...
Using Pods Frontier Auto Template 
Provides Automatic Output of Pods Templates 
Single vs Archive Templates 
WordPress wit...
Using Pods Frontier Auto Template 
WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
That's It. Seriously... 
Questions? 
What Else Can I Show You? 
WordPress with Pods, no PHP Needed // Josh Pollock // Pods...
Prochain SlideShare
Chargement dans…5
×

WordPress with Pods, No PHP Needed

Thanks to Pods, using WordPress for content management has never been easier and requires only a basic knowledge of HTML and CSS. Pods provides a complete solution for creating custom content types, adding fields to them and outputting the custom fields for your custom content types without writing any PHP code or modifying your theme file.

Learn how to use Pods Templates, Pods Frontier, and Pods Frontier Auto Template to easily create a custom, complex site, all from the WordPress backend.

  • Soyez le premier à commenter

WordPress with Pods, No PHP Needed

  1. 1. WordPress with Pods, no PHP needed Josh Pollock, @josh412 WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  2. 2. Terminology ○ What are Custom Post Types? ○ What are Custom Fields? ○ What is a Pods Template? ○ What is Pods Frontier? ○ Pods Relationship Fields WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  3. 3. Creating Post Types & Fields with Pods Steps: 1. Add the Post Type 2. Add Field 3. Add a second Post Type 4. Set Relationships WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  4. 4. Adding a Post Type Pod WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  5. 5. Adding a Text Field WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  6. 6. Adding an Image Field WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  7. 7. Creating a Bidirectional Relationship (part 1) Relationship fields allow us to select item(s) from another Pod as the values for the field. This field be related to my second Custom Post Type "planet", which doesn't exists yet, so this is all I can do, for now. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  8. 8. Add a Second Post Type Pod WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  9. 9. Add Another Image Field Image fields are another type of relationship field. They are related to Media (the ‘attachment’ Post Type). WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  10. 10. Creating a Bidirectional Relationship (Part 2) This field will be related to the Jedi post type we created only, which we can select as the "Related To". WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  11. 11. Creating a Bidirectional Relationship (Part 3) Because I created the relationship to Jedi from Planet, I can now make the relationship Bi-directional by selecting the field in Planet, from Jedi. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  12. 12. Bi-Directional Relationships Allow you to select items of one Pod as the value of a field in another Pod. Much power, very CMS. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  13. 13. Pods Templates: Overview A complete front-end system for Pods Content ● Magic Tags ● Pods Frontier ● Pods Frontier Auto Template WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  14. 14. Magic Tags Return Pods Field Value (using magic) Examples: ● {@post_title} ● <img src="{@image,esc_url}" /> ● <img src="{@image.thumbnail,esc_url}"> ● {@related_post_type.post_title} ● {@field_name,function_name} WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  15. 15. Escaping Magic Tag Output Properly It’s important to escape your output properly, or else… Example: <a href=”{@permalink,esc_url}” title=”{@post_title,esc_attr}”> {@non_html_field,esc_html} </a> WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  16. 16. Pods Frontier Advanced Pods Templating Capabilities ● Control Blocks (each/if/else/etc.) ● Add CSS and JavaScript per Template ● Advanced Layout Editor (coming soon) WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  17. 17. Using Pods Frontier: Basics Magic tags allow us to output field values by using the field name. This includes default WordPress fields (example: post_title) WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  18. 18. Pods Frontier !== Pods Frontier Auto Template Sorry for the confusion, we messed up. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  19. 19. Using Pods Frontier: Traversal With a dot we can "traverse" into a related field. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  20. 20. Using Pods Frontier: [if] Blocks [if] blocks allow us to show content only if a field has a value. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  21. 21. Using Pods Frontier: [each] Loop for Multi-Select Image Fields Inside an [each] loop we are automatically traversed into the field. Outside [each]: {@pictures._src,esc_url} Inside [each]: {@_src,esc_url} Inside of an [each] we can use [once] for markup to run on first loop only. Remember: Inside [each] loops, always reference fields from the level of the field you're looping. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  22. 22. Using Pods Frontier: Adding Custom CSS & JavaScript The script and Style tags will output inline scripts/styles. <script> and <style> tags are added for you. WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  23. 23. Using Pods Frontier: Each Loop For Multi-Select Relationship Fields Inside of an [each] loop we don't need to use dot traversal. We are already in the related field WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  24. 24. Using Pods Frontier Auto Template Provides Automatic Output of Pods Templates Single vs Archive Templates WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  25. 25. Using Pods Frontier Auto Template WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014
  26. 26. That's It. Seriously... Questions? What Else Can I Show You? WordPress with Pods, no PHP Needed // Josh Pollock // PodsCamp 2014

×