As websites and web applications get larger and more complex, one of the great challenges is how to rapidly prototype to get immediate client feedback and agreement from your customer and identify any hidden technical issues before investing significant time and effort writing code.
In this session, you will learn how to create custom post types and taxonomies, extend the media library, add REST API endpoints, custom routes, virtual pages, and display all of it with formatted pages in only a matter of minutes.
Whether you’re building a Software-as-a-Service, or you just need a Minimum Viable Product to demonstrate to your client, PODS enables you to test an idea out quickly and efficiently.
Attend this session to see how PODS works in a start to finish site build.
4. RAD – not a Wireframe,
A Proof-of-Concept Prototype
5. A Case for RAD
• eCommerce
• Membership sites
• Untested plugins or
tools
• Sales funnels
• Complex user
• Learning Management
Systems
• API / 3rd party
integrations
• Unsophisticated clients
• Everything ?
10. In the next half-hour we are going to:
• Build Custom Post Types (CPTs) for
• Produce Items
• How to grow them in your garden
• Recipes to use them
• Menu to feature them
11. Then we will:
• Populate the CPTs with appropriate
images and text
• Link all the data fields for each produce
items
• gardening page
• recipes
• menu
12. Finally we will:
• Style the theme with archive and single
pages for all the CPTs
• Link everything through featured
images on the home page
13. NOTE:
• The code is in my GitHub
• The slides are in SlideShare
• All the links are on the Resources page at
the end
• Everything here is designed to be doable
16. STEP 2: MOCK DATA
Data fields are identified during Client
Discovery
• Mockaroo
• ConvertCSV
• Faker
• https://loripsum.net/
17. STEP 3: MOCK IMAGES
Images should match CPTs
• Pixabay
• MediaWiki
• Pexels
18. STEP 4: NOW THE CODE
• Wordcamp_DFW_Rapid_Prototype
19. STEP 5: A LOOK AT PODS
• Demo - Making a Test POD
20. STEP 5: A LOOK AT PODS
• Demo - Loading PODS JSON
21. STEP 6: PODS TEMPLATES
• Home Featured Menu Item
• Home Page Gardening
• Home Page Ingredients
• Home Page Recipes
• Growing Ingredients
• Produce List
• Recipe Links
22. STEP 6: PODS TEMPLATE
Home Featured Menu Item:
<a href="{@permalink}" title="{@post_title}"><img
src="{@post_thumbnail_url.large-featured-image}"
width="33%"></a>
33. STEP 7: CUSTOMIZER
Widgets
Home Featured Menu Item:
<div style="text-align: center; color:
#fff; margin-top: 2em;">
<h1><strong>Today's Menu</strong></h1>
</div>
PODS List (3)
Recipe : Home Featured Menu Item