SlideShare a Scribd company logo
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 fill in the 
content
Together we can 
defeat this evil
Designing & Developing for Content in WordPress
Invoke the power
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
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 is a great model
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
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
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
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPress
THANK YOU 
FIND ME @DKINNEY- HAPPY 
TO HELP

More Related Content

What's hot (20)

PDF
How to ensure a long life span for a website (WPHelsinki 2.11.2016)
Teemu Suoranta
 
PPTX
Wp nhcc portfolio
gregorvios
 
PPTX
WordPress Blogs 101
Tom McGee
 
KEY
Food blogging at UBC
Tris Hussey
 
PPTX
How to Choose a WordPress Theme
New Tricks
 
PDF
The Non-Designer’s Guide to WordPress (Making Your Site Look Awesome)
Mykl Roventine
 
KEY
Building Websites with WordPress UBC Summer 2012
Tris Hussey
 
KEY
Front end-design and best practices
Mario Hernandez
 
PDF
Web101-intro
Samantha Lin
 
PPTX
The Anatomy of a WordPress Theme
Kyrie Tompkins
 
PDF
11 Amazing things I Learnt At Word Camp Sydney 2014
WordPressBrisbane
 
PDF
Boost your online profile
Blair Wadman
 
PDF
What's in a Theme by Sé Reed Media
sereedmedia
 
PPT
Catch the Eye: Tips for a Clean WebSite
Global Domains International
 
PPTX
Word press bootcamp By Sourcescript Innovations and Mentors Dojo
lightshire
 
PPTX
Blogging with drupal
Chris Ward
 
PPTX
Leveling Up - Going From Beginner to Boss Using WordPress
Adam Soucie
 
PDF
Choosing the Right WordPress Theme
Chris Burgess
 
PPT
Why Blogs Are Better
Tris Hussey
 
PDF
Newbies, you are not alone
Brandon Dove
 
How to ensure a long life span for a website (WPHelsinki 2.11.2016)
Teemu Suoranta
 
Wp nhcc portfolio
gregorvios
 
WordPress Blogs 101
Tom McGee
 
Food blogging at UBC
Tris Hussey
 
How to Choose a WordPress Theme
New Tricks
 
The Non-Designer’s Guide to WordPress (Making Your Site Look Awesome)
Mykl Roventine
 
Building Websites with WordPress UBC Summer 2012
Tris Hussey
 
Front end-design and best practices
Mario Hernandez
 
Web101-intro
Samantha Lin
 
The Anatomy of a WordPress Theme
Kyrie Tompkins
 
11 Amazing things I Learnt At Word Camp Sydney 2014
WordPressBrisbane
 
Boost your online profile
Blair Wadman
 
What's in a Theme by Sé Reed Media
sereedmedia
 
Catch the Eye: Tips for a Clean WebSite
Global Domains International
 
Word press bootcamp By Sourcescript Innovations and Mentors Dojo
lightshire
 
Blogging with drupal
Chris Ward
 
Leveling Up - Going From Beginner to Boss Using WordPress
Adam Soucie
 
Choosing the Right WordPress Theme
Chris Burgess
 
Why Blogs Are Better
Tris Hussey
 
Newbies, you are not alone
Brandon Dove
 

Similar to Designing & Developing for Content in WordPress (20)

KEY
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Mediacurrent
 
PPTX
HTML/CSS for WordPress
Kanchha kaji Prajapati
 
KEY
Getting started with CSS frameworks using Zurb foundation
Melanie Archer
 
PDF
How To Choose A Theme
Nicky Pink
 
PPTX
Customizing WordPress Themes
Domestic Equity Studio
 
PDF
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
 
PDF
WordCamp Ireland - 40 tips for WordPress Optimization
Joost de Valk
 
PPTX
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
 
PDF
WordPress: A Designer's CMS
Chelsea Otakan
 
PPTX
What Developers Need Designers to Know about WordPress
East Bay WordPress Meetup
 
PPT
Emkane RCC wp qs
Eileen MacAvery Kane
 
PDF
How To Solve The E-Commerce SEO Puzzle
Semrush
 
PDF
Suso digital sem rush e commerce webinar
Suso Digital
 
KEY
Styleguide
Tom Bamford
 
PDF
Create Your Own Starter Files
Emily Lewis
 
PDF
Blogging 101 - Zemanta NYC Meetup
Zemanta
 
PDF
Creating a Great Portfolio Site
Mel Choyce
 
PDF
Managing WordPress Websites - Training Course - Feb 2015
John A. Walsh
 
PDF
Blogging for Business - An Introduction
Peacock Creative Services
 
PPTX
Content Creators Toolbox #WCTO16
Andy McIlwain
 
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Mediacurrent
 
HTML/CSS for WordPress
Kanchha kaji Prajapati
 
Getting started with CSS frameworks using Zurb foundation
Melanie Archer
 
How To Choose A Theme
Nicky Pink
 
Customizing WordPress Themes
Domestic Equity Studio
 
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
 
WordCamp Ireland - 40 tips for WordPress Optimization
Joost de Valk
 
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
 
WordPress: A Designer's CMS
Chelsea Otakan
 
What Developers Need Designers to Know about WordPress
East Bay WordPress Meetup
 
Emkane RCC wp qs
Eileen MacAvery Kane
 
How To Solve The E-Commerce SEO Puzzle
Semrush
 
Suso digital sem rush e commerce webinar
Suso Digital
 
Styleguide
Tom Bamford
 
Create Your Own Starter Files
Emily Lewis
 
Blogging 101 - Zemanta NYC Meetup
Zemanta
 
Creating a Great Portfolio Site
Mel Choyce
 
Managing WordPress Websites - Training Course - Feb 2015
John A. Walsh
 
Blogging for Business - An Introduction
Peacock Creative Services
 
Content Creators Toolbox #WCTO16
Andy McIlwain
 
Ad

Recently uploaded (20)

PDF
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
PPTX
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
PDF
TheFutureIsDynamic-BoxLang witch Luis Majano.pdf
Ortus Solutions, Corp
 
PDF
Is Framer the Future of AI Powered No-Code Development?
Isla Pandora
 
PPTX
BB FlashBack Pro 5.61.0.4843 With Crack Free Download
cracked shares
 
PDF
Salesforce Experience Cloud Consultant.pdf
VALiNTRY360
 
PDF
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
PDF
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
PPTX
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
PPTX
UI5con_2025_Accessibility_Ever_Evolving_
gerganakremenska1
 
PDF
UITP Summit Meep Pitch may 2025 MaaS Rebooted
campoamor1
 
PPTX
Get Started with Maestro: Agent, Robot, and Human in Action – Session 5 of 5
klpathrudu
 
PDF
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
PDF
Latest Capcut Pro 5.9.0 Crack Version For PC {Fully 2025
utfefguu
 
PDF
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
PDF
AI Prompts Cheat Code prompt engineering
Avijit Kumar Roy
 
PPTX
Prompt Like a Pro. Leveraging Salesforce Data to Power AI Workflows.pptx
Dele Amefo
 
PPTX
Build a Custom Agent for Agentic Testing.pptx
klpathrudu
 
PPTX
AEM User Group: India Chapter Kickoff Meeting
jennaf3
 
PDF
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
TheFutureIsDynamic-BoxLang witch Luis Majano.pdf
Ortus Solutions, Corp
 
Is Framer the Future of AI Powered No-Code Development?
Isla Pandora
 
BB FlashBack Pro 5.61.0.4843 With Crack Free Download
cracked shares
 
Salesforce Experience Cloud Consultant.pdf
VALiNTRY360
 
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
UI5con_2025_Accessibility_Ever_Evolving_
gerganakremenska1
 
UITP Summit Meep Pitch may 2025 MaaS Rebooted
campoamor1
 
Get Started with Maestro: Agent, Robot, and Human in Action – Session 5 of 5
klpathrudu
 
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
Latest Capcut Pro 5.9.0 Crack Version For PC {Fully 2025
utfefguu
 
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
AI Prompts Cheat Code prompt engineering
Avijit Kumar Roy
 
Prompt Like a Pro. Leveraging Salesforce Data to Power AI Workflows.pptx
Dele Amefo
 
Build a Custom Agent for Agentic Testing.pptx
klpathrudu
 
AEM User Group: India Chapter Kickoff Meeting
jennaf3
 
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
Ad

Designing & Developing for Content in WordPress

Editor's Notes

  • #5: Ineffective marketing via repetition Uninteresting content presentation Better client offerings UI efficiency for yourself