Twenty Fifteen

[johnbillion]

This is the reference ticket for the Twenty Fifteen theme which is currently under development, ready for 4.1.

Read the announcement post: ​https://make.wordpress.org/core/2014/09/09/twenty-fifteen/

[iandstewart]

In 29892:

Importing Twenty Fifteen, first pass at our new default theme for 2015, set for 4.1.

It's good for posts, it's good for pages, it might be good for you. Development will occur in trunk. Have at it.

Props matt, iandstewart, iamtakashi, obenland, cainm, kristastevens, karmatosed, chellycat, lancewillett, kwight, davidakennedy. See #29799

[nacin]

In 29893:

Twenty Fifteen: JSHint fixes.

• Define global variables set by wp_localize_script().
• Remove currently unused $ variable.
• Use dot notation when appropriate.
• Update Gruntfile.js to ignore the html5 shiv.

see #29799.

[nacin]

In 29895:

Set Twenty Fifteen as the new default theme. see #29799.

[studionashvegas]

#29947 references removing "Theme Customizer" in favor of "Customizer". Are we carrying this nomenclature through to the other themes (Twenty Fifteen included)?

If so, I'll own those changes.

EDIT: Figured I'd just do it and submit the patch. It's below.

[studionashvegas]

29799 - Changed all references of "Theme Customizer" to "Customizer"

[azaozz]

In 29897:

Twenty Fifteen: clean up skip-link-focus-fix.js, see #29799

[SergeyBiryukov]

In 29900:

Twenty Fifteen: Update some more bundled theme references after [29895].

see #29799.

[azaozz]

In 29909:

Twenty Fifteen: make font-size/line-height in editor-style.css the same as in style.css. Remove margins from the editor body, interferes with autoresize in some browsers and is overriden in the default styles. See #29799

[azaozz]

In 29910:

Twenty Fifteen: no rem in editor-style.css for now, see #29799

[iseulde]

azaozz: [29909] broke blockquote and list styles (because they overflow the body). We need a bigger margin there, maybe 10%?

Also, see #29986.

[azaozz]

Replying to avryl:

Uh, didn't see #29986, maybe better to revert and handle it there?

[29909] sets the default font to 17px to better match the average window width, we can experiment with @media in editor-style.css to make the font-size scalable like on the front-end.

[iseulde]

Yeah, maybe. We also need to move over some responsive styles for blockquote etc. (they don't overflow for smaller screen sizes). The problem is that the main window width !== editor window width. :(

[azaozz]

The problem is that the main window width !== editor window width.

Yeah, this won't work with CSS only. Looking further, the editor styles need more work to keep the editor usable on small/narrow screens.

[azaozz]

In 29911:

Twenty Fifteen, editor-style.css: revert the font-size back to 19px and margin back to 83px, merge the two body selectors (don't seem needed), remove redundant rtl rules and fix body.rtl selector. See #29799

[iamtakashi]

As requested, here is the out of sync Sass partials I used in development phase and I haven't touched for a while. Note that I didn't intended to distribute this and it's far from good.

​https://cloudup.com/c8OjjriOYLG

[jeherve]

Twenty Fourteen displays a default menu (wp_page_menu) when the site owner didn't create any custom menu. I think Twenty Fifteen should do the same, for the primary menu.

I attached a patch.

[jeherve]

Display a default menu when no custom menu was created

[iandstewart]

@jeherve can you make a separate ticket for that?

[jeherve]

Replying to iandstewart:

@jeherve can you make a separate ticket for that?

Sure thing. #30022

[iamtakashi]

Replying to azaozz:

In 29911:

Twenty Fifteen, editor-style.css: revert the font-size back to 19px and margin back to 83px, merge the two body selectors (don't seem needed), remove redundant rtl rules and fix body.rtl selector. See #29799

@azaozz,

max-width: 660px; doesn't work anymore since body.wp-autoresize wins though.

[azaozz]

Replying to iamtakashi:

Right, that max-width should have been on body. We need to update the default styles in TinyMCE anyways, opened #30038 for that.

[iamtakashi]

Replying to azaozz:

Right, that max-width should have been on body. We need to update the default styles in TinyMCE anyways, opened #30038 for that.

OK, thanks!

[iandstewart]

We've introduced Twenty Fifteen! It's kind of awesome! Let's consider this task closed. :)