SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
Twenty Thirteen
Ins and Outs of Developing a Default Theme
Konstantin
Obenland
Theme Wrangler at Automattic
@obenland
profiles.wordpress.org/obenland
twentythirteendemo.wordpress.com
Default Themes In General
Goals With Yearly Themes
- Create something different
from the year before
- Show off the latest and
greatest features
- Support child themes and
encourage customization
- Have an aesthetically
pleasing design
- Work for a blog or a website
- Represent best coding
practices, technical
excellence
General Process
Matt sets design vision and feature directionMatt sets design vision and feature direction
Designer creates mockups
Matt selects an existing theme
Wrangler converts mockups into a
working theme
Matt selects an existing theme
Community tests and polishes the draftCommunity tests and polishes the draft
Twenty Thirteen
Team for Twenty Thirteen
Matt
Project Owner
Joen
Theme Designer
Konstantin
Theme Developer
Lance
Project Lead
January February March April
Timeline
158 27 29
Kick Off
January 2
2
First design mockups
January 17
17
Final design
January 31
31
Working Theme
February 8
Core commit
February 15
Code freeze
March 27
Release
April 29
Design Vision
- Back to the blog
- Beautiful implementation of post formats
- Visually very unique, maybe even a little quirky
Homework
- HTML5 comment markup
- HTML5 input types for comment form and search form
- Provide context for translation in search form and comments
heading
- Twenty Thirteen to be designed with accessibility as a priority
Opinionated Design
- Full of fun design details to create a
warm and welcoming vibe.
- Ships with three header images
that work well with the bold color
scheme.
- One-column layout is the default —
theme works best with no sidebar.
- Optional display fonts for beautiful
typography.
- A flexible, wide layout that looks
great on large screens yet remains
device-agnostic.
- Bundled icon font that makes
zooming, printing, and recoloring
much easier and more accessible.
Release
- Together with 3.6 release
- Pre-release on WordPress.com
- No pre-release to the WordPress.org Themes Directory
What’s next?
twentyfourteendemo.wordpress.com
Thank you!
Questions?

Weitere ähnliche Inhalte

Ähnlich wie Twenty Thirteen - Ins and Outs of Developing a Default Theme

SPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point brandingSPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point branding
Thomas Daly
 
Getting Started with SharePoint Branding
Getting Started with SharePoint BrandingGetting Started with SharePoint Branding
Getting Started with SharePoint Branding
Thomas Daly
 
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS projectHow to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
Renoir Boulanger
 
SharePoint Jonah Lomu of CMS
SharePoint Jonah Lomu of CMSSharePoint Jonah Lomu of CMS
SharePoint Jonah Lomu of CMS
SSW
 

Ähnlich wie Twenty Thirteen - Ins and Outs of Developing a Default Theme (20)

The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDewThe Evolution of Branding in Office 365 - SPSATL 2015 - CDew
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
 
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 20132013 SPFest - Customizing Sites and Pages in SharePoint 2013
2013 SPFest - Customizing Sites and Pages in SharePoint 2013
 
Migrating and adopting Drupal 8: Why you need Cohesion
Migrating and adopting Drupal 8: Why you need CohesionMigrating and adopting Drupal 8: Why you need Cohesion
Migrating and adopting Drupal 8: Why you need Cohesion
 
Drupal Camp Victoria
Drupal Camp VictoriaDrupal Camp Victoria
Drupal Camp Victoria
 
SPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point brandingSPSVB 1 7-2012 - getting started with share point branding
SPSVB 1 7-2012 - getting started with share point branding
 
Getting Started with SharePoint Branding
Getting Started with SharePoint BrandingGetting Started with SharePoint Branding
Getting Started with SharePoint Branding
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPress
 
Themes 101
Themes 101Themes 101
Themes 101
 
How To Choose A Theme
How To Choose A ThemeHow To Choose A Theme
How To Choose A Theme
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
SharePoint as a Web CMS
SharePoint as a Web CMSSharePoint as a Web CMS
SharePoint as a Web CMS
 
Getting into WordPress Front-end Development
Getting into WordPress Front-end DevelopmentGetting into WordPress Front-end Development
Getting into WordPress Front-end Development
 
Advanced SharePoint 2013 Site Administration
Advanced SharePoint 2013 Site AdministrationAdvanced SharePoint 2013 Site Administration
Advanced SharePoint 2013 Site Administration
 
Classworkflow
ClassworkflowClassworkflow
Classworkflow
 
Getting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersGetting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for Beginners
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 Branding
 
Developing Custom WordPress Themes for Clients
Developing Custom WordPress Themes for ClientsDeveloping Custom WordPress Themes for Clients
Developing Custom WordPress Themes for Clients
 
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS projectHow to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
 
HTML/CSS for WordPress
HTML/CSS for WordPressHTML/CSS for WordPress
HTML/CSS for WordPress
 
SharePoint Jonah Lomu of CMS
SharePoint Jonah Lomu of CMSSharePoint Jonah Lomu of CMS
SharePoint Jonah Lomu of CMS
 

Mehr von Konstantin Obenland

Options, and Transients, and Theme Mods — Oh my!
Options, and Transients, and Theme Mods — Oh my!Options, and Transients, and Theme Mods — Oh my!
Options, and Transients, and Theme Mods — Oh my!
Konstantin Obenland
 
Organisation von Selbstorganisation
Organisation von SelbstorganisationOrganisation von Selbstorganisation
Organisation von Selbstorganisation
Konstantin Obenland
 

Mehr von Konstantin Obenland (9)

Shiny Updates, A Feature Plugin in Two Acts
Shiny Updates, A Feature Plugin in Two ActsShiny Updates, A Feature Plugin in Two Acts
Shiny Updates, A Feature Plugin in Two Acts
 
Lessons from WordPress 4.3
Lessons from WordPress 4.3Lessons from WordPress 4.3
Lessons from WordPress 4.3
 
WordPress 4.1
WordPress 4.1WordPress 4.1
WordPress 4.1
 
Underscores DE
Underscores DEUnderscores DE
Underscores DE
 
Cain & Obenland — Episode 4
Cain & Obenland — Episode 4Cain & Obenland — Episode 4
Cain & Obenland — Episode 4
 
Options, and Transients, and Theme Mods — Oh my!
Options, and Transients, and Theme Mods — Oh my!Options, and Transients, and Theme Mods — Oh my!
Options, and Transients, and Theme Mods — Oh my!
 
The Customizer
The CustomizerThe Customizer
The Customizer
 
Organisation von Selbstorganisation
Organisation von SelbstorganisationOrganisation von Selbstorganisation
Organisation von Selbstorganisation
 
Self-Organizing Teams In Scrum
Self-Organizing Teams In ScrumSelf-Organizing Teams In Scrum
Self-Organizing Teams In Scrum
 

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
 

Kürzlich hochgeladen (20)

A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
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
 
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
 
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
 
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...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
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
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
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
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
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...
 
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
 

Twenty Thirteen - Ins and Outs of Developing a Default Theme

  • 1. Twenty Thirteen Ins and Outs of Developing a Default Theme
  • 2. Konstantin Obenland Theme Wrangler at Automattic @obenland profiles.wordpress.org/obenland
  • 3.
  • 6. Goals With Yearly Themes - Create something different from the year before - Show off the latest and greatest features - Support child themes and encourage customization - Have an aesthetically pleasing design - Work for a blog or a website - Represent best coding practices, technical excellence
  • 7. General Process Matt sets design vision and feature directionMatt sets design vision and feature direction Designer creates mockups Matt selects an existing theme Wrangler converts mockups into a working theme Matt selects an existing theme Community tests and polishes the draftCommunity tests and polishes the draft
  • 9. Team for Twenty Thirteen Matt Project Owner Joen Theme Designer Konstantin Theme Developer Lance Project Lead
  • 10. January February March April Timeline 158 27 29 Kick Off January 2 2 First design mockups January 17 17 Final design January 31 31 Working Theme February 8 Core commit February 15 Code freeze March 27 Release April 29
  • 11. Design Vision - Back to the blog - Beautiful implementation of post formats - Visually very unique, maybe even a little quirky
  • 12. Homework - HTML5 comment markup - HTML5 input types for comment form and search form - Provide context for translation in search form and comments heading - Twenty Thirteen to be designed with accessibility as a priority
  • 13. Opinionated Design - Full of fun design details to create a warm and welcoming vibe. - Ships with three header images that work well with the bold color scheme. - One-column layout is the default — theme works best with no sidebar. - Optional display fonts for beautiful typography. - A flexible, wide layout that looks great on large screens yet remains device-agnostic. - Bundled icon font that makes zooming, printing, and recoloring much easier and more accessible.
  • 14. Release - Together with 3.6 release - Pre-release on WordPress.com - No pre-release to the WordPress.org Themes Directory