SlideShare ist ein Scribd-Unternehmen logo
1 von 50
Downloaden Sie, um offline zu lesen
“Design is not just what
 it looks like and feels like.
 Design is how it works.”
                    - Steve jobs
You’re Already On Your Way
•  WordPress works pretty damn well
   “out of the box”
•  Don’t let your theme & widgets
   get in the way of that
•  Good site design should emphasize
   your content, not itself
But…
“Everybody thinks they have
 good taste and a sense of
 humor but they couldn't
 possibly all have good taste.”
               - When Harry Met Sally
Good taste is
 subjective.
Good design:
not so much.
Photo: emiliokuffer on Flickr
Look Around. Get Inspired.
•  Pay attention to what you like about other sites
•  Find & Follow creative curators on the web
   and via social channels (like fastcodesign.com)
•  Listen to recommendations from designers
•  Apply what you learn
Start by making
your site your own.
Photo: LeonMMelissa on Flickr
Color
Color
•  The easiest way to make any site stand out
•  Mix pairs of unusual colors or pick one
   dominant color for emphasis
•  A little goes a long way,
   even monochromatic tones
   can be powerful
Typography
Type Tips
•  Web fonts (@fontface) now allow you to use
   a variety of different fonts
•  Perfect way to add a
   unique touch to any design
•  Don’t use too many
•  Be careful when mixing
Photos
Show Don’t Just Tell
•  Great photos are another powerful way to make
   your design stand out
•  Create rules for formatting and be
   consistent (rounded corners, specific width, right-
   aligned, etc.)
•  Always credit sources.
   Don’t steal!
Page Templates
Use Different Page Templates
•  Built into many themes
•  Creates variety,
•  Can enhance different
   types of content
Theme Customizer
•  Introduced in WordPress 3.4
•  Make changes, preview them in realtime,
   before going live
•  More options to as theme
   developers further integrate
   it into updates
Premium
   Theme
Frameworks
Plugins
Plugins
•  Choose plugins that add functionality
   but allow control over their style/design
•  Take advantage of those controls to tie into
   your site’s style whenever possible
Sidebar
Triage Your Sidebar Often
•  Only include what you NEED to
•  Avoid too many third-party widgets (Facebook,
   Twitter, Flickr), can slow page load times
•  Limit # & size of ads unless
   you are making lots of money
•  Animated anything = annoying
:(
:)
Default widgets usually need tweaking
Consider consolidation
Other Bits & Pieces
•  Create & usa a favicon
•  Use built-in text formatting for posts & pages
   (H1, H2, blockquote, etc.)
•  Less is ALWAYS better.
   Simplicty is never a bad choice.
“A designer knows he has
achieved perfection not when
there is nothing left to add,
but when there is nothing left
to take away.”
             - Antoine de Saint Exupéry
Photo: Tsahi Levent-Levi on Flickr
Thank you!
      Mykl Roventine
      myklroventine.com
      @myklroventine

                    Headshot: Glimpses of Soul Photography

Weitere ähnliche Inhalte

Was ist angesagt?

How to start a blog - Fabric Bradford
How to start a blog - Fabric BradfordHow to start a blog - Fabric Bradford
How to start a blog - Fabric Bradford
monicatailor
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
canarymason
 
Vocabulary picture book
Vocabulary picture bookVocabulary picture book
Vocabulary picture book
anawork
 
The Coding Designer's Survival Kit - Capital Camp
The Coding Designer's Survival Kit - Capital CampThe Coding Designer's Survival Kit - Capital Camp
The Coding Designer's Survival Kit - Capital Camp
canarymason
 

Was ist angesagt? (19)

How to start a blog - Fabric Bradford
How to start a blog - Fabric BradfordHow to start a blog - Fabric Bradford
How to start a blog - Fabric Bradford
 
Stand Out Online and Land an Interview
Stand Out Online and Land an InterviewStand Out Online and Land an Interview
Stand Out Online and Land an Interview
 
Start Your Website for Free!
Start Your Website for Free!Start Your Website for Free!
Start Your Website for Free!
 
Designing & Developing for Content in WordPress
Designing & Developing for Content in WordPressDesigning & Developing for Content in WordPress
Designing & Developing for Content in WordPress
 
WordPress Beginner Track
WordPress Beginner TrackWordPress Beginner Track
WordPress Beginner Track
 
What web designers could learn from print designers
What web designers could learn from print designersWhat web designers could learn from print designers
What web designers could learn from print designers
 
Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sass
 
From WordPress Configurator to WordPress Developer
From WordPress Configurator to WordPress DeveloperFrom WordPress Configurator to WordPress Developer
From WordPress Configurator to WordPress Developer
 
Jumpstart Your Web App
Jumpstart Your Web AppJumpstart Your Web App
Jumpstart Your Web App
 
seo
seoseo
seo
 
WordPress for Nonprofits- TechTuesday
WordPress for Nonprofits- TechTuesdayWordPress for Nonprofits- TechTuesday
WordPress for Nonprofits- TechTuesday
 
My project
My projectMy project
My project
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
 
Vocabulary picture book
Vocabulary picture bookVocabulary picture book
Vocabulary picture book
 
Creating Landing Pages That Convert
Creating Landing Pages That ConvertCreating Landing Pages That Convert
Creating Landing Pages That Convert
 
WordPress Tips & Tricks
WordPress Tips & TricksWordPress Tips & Tricks
WordPress Tips & Tricks
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI Sketches
 
The Coding Designer's Survival Kit - Capital Camp
The Coding Designer's Survival Kit - Capital CampThe Coding Designer's Survival Kit - Capital Camp
The Coding Designer's Survival Kit - Capital Camp
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI Sketches
 

Ähnlich wie The Non-Designers Guide to WordPress (Making Your Site Look Awesome)

40 killer content marketing and blogging tools
40 killer content marketing and blogging tools40 killer content marketing and blogging tools
40 killer content marketing and blogging tools
Zemanta
 
Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3
Peter Svarre
 
Mapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for ProjMapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for Proj
Lisa Williams
 
Social media seo guidelines
Social media seo guidelinesSocial media seo guidelines
Social media seo guidelines
Lara Wellman
 

Ähnlich wie The Non-Designers Guide to WordPress (Making Your Site Look Awesome) (20)

Social media for beginners presentation moreton bay council
Social media for beginners presentation moreton bay councilSocial media for beginners presentation moreton bay council
Social media for beginners presentation moreton bay council
 
Digital Footprint | Brand Yourself
Digital Footprint | Brand YourselfDigital Footprint | Brand Yourself
Digital Footprint | Brand Yourself
 
Make your website work for you
Make your website work for youMake your website work for you
Make your website work for you
 
40 killer content marketing and blogging tools
40 killer content marketing and blogging tools40 killer content marketing and blogging tools
40 killer content marketing and blogging tools
 
DIY SEO for cash-strapped business owners
DIY SEO for cash-strapped business ownersDIY SEO for cash-strapped business owners
DIY SEO for cash-strapped business owners
 
Content Strategy: WordCamp Buffalo 2012
Content Strategy: WordCamp Buffalo 2012Content Strategy: WordCamp Buffalo 2012
Content Strategy: WordCamp Buffalo 2012
 
Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3
 
Blogging Basics (for Nonprofits)
Blogging Basics (for Nonprofits)Blogging Basics (for Nonprofits)
Blogging Basics (for Nonprofits)
 
World domination by blog
World domination by blogWorld domination by blog
World domination by blog
 
Why blogging should be an integral part of your social marketing strategy
Why blogging should be an integral part of your social marketing strategyWhy blogging should be an integral part of your social marketing strategy
Why blogging should be an integral part of your social marketing strategy
 
Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & Development
 
Mapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for ProjMapping Your Way To Site Success: Site Plans for Proj
Mapping Your Way To Site Success: Site Plans for Proj
 
Drag-and-drop WordPress Themes, featuring Themify Builder
Drag-and-drop WordPress Themes, featuring Themify BuilderDrag-and-drop WordPress Themes, featuring Themify Builder
Drag-and-drop WordPress Themes, featuring Themify Builder
 
Get Connected
Get ConnectedGet Connected
Get Connected
 
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
Creating a Great Portfolio Site
Creating a Great Portfolio SiteCreating a Great Portfolio Site
Creating a Great Portfolio Site
 
Social media seo guidelines
Social media seo guidelinesSocial media seo guidelines
Social media seo guidelines
 
Joomla! theming
Joomla! themingJoomla! theming
Joomla! theming
 
Jump to Joomla - Barcamp Nashville 2010
Jump to Joomla - Barcamp Nashville 2010Jump to Joomla - Barcamp Nashville 2010
Jump to Joomla - Barcamp Nashville 2010
 

Mehr von Mykl Roventine

Mehr von Mykl Roventine (20)

More Than Words: The Power of Type
More Than Words: The Power of TypeMore Than Words: The Power of Type
More Than Words: The Power of Type
 
Social Media Strategies for Small Organizations
Social Media Strategies for Small OrganizationsSocial Media Strategies for Small Organizations
Social Media Strategies for Small Organizations
 
More Than Words: The Power of Type
More Than Words: The Power of TypeMore Than Words: The Power of Type
More Than Words: The Power of Type
 
More Than Words: The Power of Type
More Than Words: The Power of TypeMore Than Words: The Power of Type
More Than Words: The Power of Type
 
Design Principles Overview
Design Principles OverviewDesign Principles Overview
Design Principles Overview
 
Design Principles for Non-Designers
Design Principles for Non-DesignersDesign Principles for Non-Designers
Design Principles for Non-Designers
 
Is This Thing On? A Beginner’s Guide to Podcasting
Is This Thing On? A Beginner’s Guide to PodcastingIs This Thing On? A Beginner’s Guide to Podcasting
Is This Thing On? A Beginner’s Guide to Podcasting
 
Visual Storytelling: The State of “Show Me” Social Sharing
Visual Storytelling: The State of “Show Me” Social SharingVisual Storytelling: The State of “Show Me” Social Sharing
Visual Storytelling: The State of “Show Me” Social Sharing
 
Visual Storytelling: The State of “Show Me” Social Sharing
Visual Storytelling: The State of “Show Me” Social SharingVisual Storytelling: The State of “Show Me” Social Sharing
Visual Storytelling: The State of “Show Me” Social Sharing
 
Planning for the Encore: Building An Online Community That Begs For More
Planning for the Encore: Building An Online Community That Begs For MorePlanning for the Encore: Building An Online Community That Begs For More
Planning for the Encore: Building An Online Community That Begs For More
 
Lets Get Social
Lets Get SocialLets Get Social
Lets Get Social
 
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
15 Essential WordPress Plugins (and 5 That Will Just Blow Your Mind)
 
Word press plugins speed datingWordPress Plugin Speed Dating
Word press plugins speed datingWordPress Plugin Speed Dating Word press plugins speed datingWordPress Plugin Speed Dating
Word press plugins speed datingWordPress Plugin Speed Dating
 
Demystifying WordPress
Demystifying WordPressDemystifying WordPress
Demystifying WordPress
 
15 Essential WordPress Plugins
15 Essential WordPress Plugins15 Essential WordPress Plugins
15 Essential WordPress Plugins
 
Just Your Type: Web Typography & You
Just Your Type: Web Typography & YouJust Your Type: Web Typography & You
Just Your Type: Web Typography & You
 
Making WordPress Your Own: Theme Customization & Creation
Making WordPress Your Own: Theme Customization & CreationMaking WordPress Your Own: Theme Customization & Creation
Making WordPress Your Own: Theme Customization & Creation
 
Twitter Tools
Twitter ToolsTwitter Tools
Twitter Tools
 
Web Typography: Viva La Revolution!
Web Typography: Viva La Revolution!Web Typography: Viva La Revolution!
Web Typography: Viva La Revolution!
 
You're So Money and You Don’t Even Know It: The Power of Real on the Social Web
You're So Money and You Don’t Even Know It: The Power of Real on the Social WebYou're So Money and You Don’t Even Know It: The Power of Real on the Social Web
You're So Money and You Don’t Even Know It: The Power of Real on the Social Web
 

Kürzlich hochgeladen

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Kürzlich hochgeladen (20)

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

The Non-Designers Guide to WordPress (Making Your Site Look Awesome)

  • 1.
  • 2. “Design is not just what it looks like and feels like. Design is how it works.” - Steve jobs
  • 3. You’re Already On Your Way •  WordPress works pretty damn well “out of the box” •  Don’t let your theme & widgets get in the way of that •  Good site design should emphasize your content, not itself
  • 5. “Everybody thinks they have good taste and a sense of humor but they couldn't possibly all have good taste.” - When Harry Met Sally
  • 6. Good taste is subjective. Good design: not so much.
  • 8. Look Around. Get Inspired. •  Pay attention to what you like about other sites •  Find & Follow creative curators on the web and via social channels (like fastcodesign.com) •  Listen to recommendations from designers •  Apply what you learn
  • 9. Start by making your site your own.
  • 11. Color
  • 12. Color •  The easiest way to make any site stand out •  Mix pairs of unusual colors or pick one dominant color for emphasis •  A little goes a long way, even monochromatic tones can be powerful
  • 13.
  • 14.
  • 15.
  • 16.
  • 18. Type Tips •  Web fonts (@fontface) now allow you to use a variety of different fonts •  Perfect way to add a unique touch to any design •  Don’t use too many •  Be careful when mixing
  • 19.
  • 20.
  • 21.
  • 23. Show Don’t Just Tell •  Great photos are another powerful way to make your design stand out •  Create rules for formatting and be consistent (rounded corners, specific width, right- aligned, etc.) •  Always credit sources. Don’t steal!
  • 24.
  • 25.
  • 26.
  • 27.
  • 29. Use Different Page Templates •  Built into many themes •  Creates variety, •  Can enhance different types of content
  • 30. Theme Customizer •  Introduced in WordPress 3.4 •  Make changes, preview them in realtime, before going live •  More options to as theme developers further integrate it into updates
  • 31.
  • 32. Premium Theme Frameworks
  • 33.
  • 34.
  • 36. Plugins •  Choose plugins that add functionality but allow control over their style/design •  Take advantage of those controls to tie into your site’s style whenever possible
  • 37.
  • 38.
  • 39.
  • 40.
  • 42. Triage Your Sidebar Often •  Only include what you NEED to •  Avoid too many third-party widgets (Facebook, Twitter, Flickr), can slow page load times •  Limit # & size of ads unless you are making lots of money •  Animated anything = annoying
  • 43. :(
  • 44. :)
  • 45. Default widgets usually need tweaking
  • 47. Other Bits & Pieces •  Create & usa a favicon •  Use built-in text formatting for posts & pages (H1, H2, blockquote, etc.) •  Less is ALWAYS better. Simplicty is never a bad choice.
  • 48. “A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.” - Antoine de Saint Exupéry
  • 50. Thank you! Mykl Roventine myklroventine.com @myklroventine Headshot: Glimpses of Soul Photography