Twenty Thirteen - Ins and Outs of Developing a Default Theme
-
Upload
konstantin-obenland -
Category
Technology
-
view
105 -
download
2
description
Transcript of Twenty Thirteen - Ins and Outs of Developing a Default Theme
![Page 1: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/1.jpg)
Twenty Thirteen Ins and Outs of Developing a Default Theme
![Page 2: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/2.jpg)
KonstantinObenland
Theme Wrangler at Automattic
@obenland
profiles.wordpress.org/obenland
![Page 3: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/3.jpg)
![Page 4: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/4.jpg)
twentythirteendemo.wordpress.com
![Page 5: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/5.jpg)
Default Themes In General
![Page 6: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/6.jpg)
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
![Page 7: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/7.jpg)
General Process
Matt sets design vision and feature directionMatt sets design vision and feature direction
Designer creates mockupsMatt selects an existing theme
Wrangler converts mockups into a working theme
Matt selects an existing theme
Community tests and polishes the dra"Community tests and polishes the dra"
![Page 8: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/8.jpg)
Twenty Thirteen
![Page 9: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/9.jpg)
Team for Twenty Thirteen
MattProject Owner
JoenTheme Designer
KonstantinTheme Developer
LanceProject Lead
![Page 10: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/10.jpg)
January February March April
Timeline
158 27 29
Kick OffJanuary 2
2
First design mockupsJanuary 17
17
Final designJanuary 31
31
Working ThemeFebruary 8
Core commitFebruary 15
Code freezeMarch 27
ReleaseApril 29
![Page 11: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/11.jpg)
Design Vision
- Back to the blog
- Beautiful implementation of post formats
- Visually very unique, maybe even a little quirky
![Page 12: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/12.jpg)
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
![Page 13: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/13.jpg)
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.
![Page 14: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/14.jpg)
Release
- Together with 3.6 release
- Pre-release on WordPress.com
- No pre-release to the WordPress.org Themes Directory
![Page 15: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/15.jpg)
What’s next?
twentyfourteendemo.wordpress.com
![Page 16: Twenty Thirteen - Ins and Outs of Developing a Default Theme](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c824b04a7959fe6d8b45d9/html5/thumbnails/16.jpg)
Thank you!Questions?