Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESIGNING 
AND 
DEVELOPING 
FOR CONTENT
DIANE KINNEY 
@DKINNEY 
FOUNDER AND CREATIVE DIRECTOR 
THE VERSATILITY GROUP 
THEVERSATILITYGROUP.COM
ENDING 
CONTENT-SIDEBAR 
SYNDROME
A UBIQUITOUS 
default design 
pattern 
• Back in the 90s 
• Typepad Moveable Type 
WordPress! 
• Theme Templates create fi...
Together we can 
defeat this evil
Invoke the power
Systemize Your Process 
Design Patterns 
+ 
Code Snippets 
+ 
Basic Styles
Design Patterns 
• Focus on content (not layout) 
• Research 
• Get abstract 
• Create a library
Design Patterns
Design Patterns
Design Patterns
Design Patterns
Tools 
Pattern Tap 
Web Design Patterns 
Welie Patterns 
Bourbon Refills 
Bootstrap Components
Tools 
Sitedrop
Now what? Code it up. 
Create code snippets/gists 
Only HTML & CSS 
Develop consist patterns 
Gistbox is a AWESOME 
Pea.rs...
Implement 
Custom Post Types & Custom Fields 
Use together & separately 
Make smart decisions 
Questions to ask yourself 
...
Tools 
WP Types 
Custom Post Type UI 
Pods 
Easy Content Types 
Generate WP 
Custom Field Suite 
Advanced Custom Fields
Considerations 
While projects need specific solutions, 
think about what you need often 
• Reuse/Export 
• Create plugins
BONUS ROUND 
Layout Patterns 
Design Pattern Displays 
Have “go to” options
THANK YOU 
FIND ME @DKINNEY- HAPPY 
TO HELP
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Upcoming SlideShare
Loading in …5
×

Designing & Developing for Content in WordPress

1,116 views

Published on

Wordcamp Tampa presentation on Designing and Developing for Content in WordPress. Leverage design patterns, custom post types and custom field tools to take content to the next level.

Published in: Software
  • I think you need a perfect and 100% unique academic essays papers have a look once this site i hope you will get valuable papers, ⇒ www.WritePaper.info ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Designing & Developing for Content in WordPress

  1. 1. DESIGNING AND DEVELOPING FOR CONTENT
  2. 2. DIANE KINNEY @DKINNEY FOUNDER AND CREATIVE DIRECTOR THE VERSATILITY GROUP THEVERSATILITYGROUP.COM
  3. 3. ENDING CONTENT-SIDEBAR SYNDROME
  4. 4. A UBIQUITOUS default design pattern • Back in the 90s • Typepad Moveable Type WordPress! • Theme Templates create fill in the content
  5. 5. Together we can defeat this evil
  6. 6. Invoke the power
  7. 7. Systemize Your Process Design Patterns + Code Snippets + Basic Styles
  8. 8. Design Patterns • Focus on content (not layout) • Research • Get abstract • Create a library
  9. 9. Design Patterns
  10. 10. Design Patterns
  11. 11. Design Patterns
  12. 12. Design Patterns
  13. 13. Tools Pattern Tap Web Design Patterns Welie Patterns Bourbon Refills Bootstrap Components
  14. 14. Tools Sitedrop
  15. 15. Now what? Code it up. Create code snippets/gists Only HTML & CSS Develop consist patterns Gistbox is a AWESOME Pea.rs is a great model
  16. 16. Implement Custom Post Types & Custom Fields Use together & separately Make smart decisions Questions to ask yourself Must read http://jamessteinbach.com/wordpress/custom-post-types-vs-acf-repeater- fields
  17. 17. Tools WP Types Custom Post Type UI Pods Easy Content Types Generate WP Custom Field Suite Advanced Custom Fields
  18. 18. Considerations While projects need specific solutions, think about what you need often • Reuse/Export • Create plugins
  19. 19. BONUS ROUND Layout Patterns Design Pattern Displays Have “go to” options
  20. 20. THANK YOU FIND ME @DKINNEY- HAPPY TO HELP

×