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
×

of

Designing & Developing for Content in WordPress Slide 1 Designing & Developing for Content in WordPress Slide 2 Designing & Developing for Content in WordPress Slide 3 Designing & Developing for Content in WordPress Slide 4 Designing & Developing for Content in WordPress Slide 5 Designing & Developing for Content in WordPress Slide 6 Designing & Developing for Content in WordPress Slide 7 Designing & Developing for Content in WordPress Slide 8 Designing & Developing for Content in WordPress Slide 9 Designing & Developing for Content in WordPress Slide 10 Designing & Developing for Content in WordPress Slide 11 Designing & Developing for Content in WordPress Slide 12 Designing & Developing for Content in WordPress Slide 13 Designing & Developing for Content in WordPress Slide 14 Designing & Developing for Content in WordPress Slide 15 Designing & Developing for Content in WordPress Slide 16 Designing & Developing for Content in WordPress Slide 17 Designing & Developing for Content in WordPress Slide 18 Designing & Developing for Content in WordPress Slide 19 Designing & Developing for Content in WordPress Slide 20 Designing & Developing for Content in WordPress Slide 21 Designing & Developing for Content in WordPress Slide 22 Designing & Developing for Content in WordPress Slide 23 Designing & Developing for Content in WordPress Slide 24 Designing & Developing for Content in WordPress Slide 25 Designing & Developing for Content in WordPress Slide 26 Designing & Developing for Content in WordPress Slide 27 Designing & Developing for Content in WordPress Slide 28 Designing & Developing for Content in WordPress Slide 29 Designing & Developing for Content in WordPress Slide 30 Designing & Developing for Content in WordPress Slide 31 Designing & Developing for Content in WordPress Slide 32 Designing & Developing for Content in WordPress Slide 33 Designing & Developing for Content in WordPress Slide 34 Designing & Developing for Content in WordPress Slide 35 Designing & Developing for Content in WordPress Slide 36
Upcoming SlideShare
Content Management System
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

Designing & Developing for Content in WordPress

Download to read offline

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.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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
  • jennifernovak

    Oct. 4, 2014

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.

Views

Total views

1,219

On Slideshare

0

From embeds

0

Number of embeds

42

Actions

Downloads

13

Shares

0

Comments

0

Likes

1

×