WordPress.org

Make WordPress Core

Opened 12 months ago

Closed 11 months ago

Last modified 10 months ago

#24858 closed task (blessed) (fixed)

Twenty Fourteen

Reported by: lancewillett Owned by:
Milestone: 3.8 Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: Cc:

Description (last modified by lancewillett)

New default theme for WordPress is a magazine theme with clean, responsive design that highlights featured content prominently on the home page.

Demo: http://twentyfourteendemo.wordpress.com/

This is slated for 3.8. Development will occur in trunk for the theme, and in plugins for the nice-to-have features.

Nice-to-have improvements include:

Attachments (5)

24858.diff (91.0 KB) - added by obenland 11 months ago.
First pass of updating templates to 2013 standards
24858.1.diff (30.6 KB) - added by obenland 11 months ago.
24858.2.diff (41.9 KB) - added by obenland 11 months ago.
24858.3.diff (41.3 KB) - added by obenland 11 months ago.
24858.4.diff (48.3 KB) - added by obenland 11 months ago.

Download all attachments as: .zip

Change History (58)

comment:1 lancewillett12 months ago

  • Description modified (diff)

comment:2 ocean9012 months ago

  • Cc ocean90 added

comment:3 jjeaton12 months ago

  • Cc jjeaton added

comment:4 sabreuse12 months ago

  • Cc sabreuse added

comment:5 obenland12 months ago

  • Cc obenland added

comment:6 lancewillett12 months ago

  • Description modified (diff)

comment:7 markmcwilliams12 months ago

  • Cc mark@… added

comment:8 follow-up: lancewillett12 months ago

Noting a few things that will need work right away.

These will need new tickets:

  • Post format queries need optimization on front page.
  • Change to just one footer widget area and use Masonry.
  • Update codebase to match Twenty Thirteen more (404 page, no content shouldn't be articles, permalinks on title, markup updates, other cleanup, etc).
  • Update comment template and search form to 3.6 compat.
  • Re-look at content filters.
  • Improve image.php a bit. Make it simpler.
  • Review "all the cool cats" categories functionality.

comment:9 lancewillett12 months ago

In 24832:

Importing the Further theme, first pass at the new default theme for 2014.

A magazine theme with clean, responsive design focused on highlighting featured content prominently on home page.

This is slated for 3.8. Development will occur in trunk for the theme, and in plugins for the nice-to-have features.

Nice-to-have improvements include:

  • Add a Contributors page template to highlight authors.
  • Easy-to-manage featured content.
  • Add support for an Authors widget to highlight authors.

Welcome, Twenty Fourteen né Further. Props iamtakashi, see #24858.

comment:10 sumobi12 months ago

  • Cc sumobi added

comment:11 MikeHansenMe12 months ago

  • Cc mdhansen@… added

comment:12 chellycat12 months ago

  • Cc chellycat added

comment:13 Jayjdk12 months ago

  • Cc kontakt@… added

comment:14 philiparthurmoore12 months ago

  • Cc philip@… added

comment:15 sunnyratilal12 months ago

  • Cc sunny@… added

comment:16 rdall12 months ago

  • Cc robert@… added

comment:17 jeherve12 months ago

  • Cc jeremy+wp@… added

comment:18 Frank Klein12 months ago

  • Cc contact@… added

comment:19 celloexpressions12 months ago

  • Cc info@… added

comment:20 kwight12 months ago

  • Cc kwight@… added

comment:21 alex-ye12 months ago

  • Cc nashwan.doaqan@… added

comment:22 colorful tones12 months ago

  • Cc damonacook@… added

comment:23 wonderboymusic12 months ago

  • Type changed from defect (bug) to task (blessed)

comment:24 melchoyce12 months ago

  • Cc melissachoyce@… added

comment:25 DrewAPicture12 months ago

  • Cc xoodrew@… added

comment:26 iamtakashi11 months ago

  • Cc takashi@… added

comment:27 emiluzelac11 months ago

  • Cc emil@… added

comment:28 in reply to: ↑ description cyberchimps11 months ago

  • Cc cyberchimps added

obenland11 months ago

First pass of updating templates to 2013 standards

comment:29 taupecat11 months ago

  • Cc tracy@… added

comment:30 jazzs3quence11 months ago

  • Cc jazzs3quence added

comment:31 in reply to: ↑ description valeriosza11 months ago

It would be interesting to have a control system for news of home, a way to drag and position the place.

Replying to lancewillett:

New default theme for WordPress is a magazine theme with clean, responsive design that highlights featured content prominently on the home page.

This is slated for 3.8. Development will occur in trunk.

Nice to have features:

comment:32 valeriosza11 months ago

  • Cc valeriosza@… added

comment:33 lancewillett11 months ago

  • Description modified (diff)

comment:34 paolal11 months ago

  • Cc paolo@… added

comment:35 swissspidy11 months ago

  • Cc hello@… added

comment:36 in reply to: ↑ 8 wpfo11 months ago

Replying to lancewillett:

  • Change to just one footer widget area and use Masonry.

Please don't do that.
Very often it is desired that you know in which column comes which widget.
Or you can achieve this with Masonry?

comment:37 follow-up: emiluzelac11 months ago

Should we remove all IE7 stuff from style.css, since the Theme isn't working on IE7 anyways? not sure if that's the plan and if it is all * hacks are no longer needed as well as:

{clip: rect(1px 1px 1px 1px); /* IE6, IE7 */}

Also, will the Theme support IE8 or this will be IE9+. Just asking what to test for that's all. Currently the Theme does not behave properly in IE7 nor IE8 :)

Last question (more info only) Twenty Twelve uses rem, Twenty Thirteen does not and rem is back in for Twenty Fourteen, can someone shed some light please.

Thanks!

comment:38 in reply to: ↑ 37 taupecat11 months ago

Replying to emiluzelac:

Should we remove all IE7 stuff from style.css, since the Theme isn't working on IE7 anyways? not sure if that's the plan and if it is all * hacks are no longer needed as well as:

{clip: rect(1px 1px 1px 1px); /* IE6, IE7 */}

Also, will the Theme support IE8 or this will be IE9+. Just asking what to test for that's all. Currently the Theme does not behave properly in IE7 nor IE8 :)

Last question (more info only) Twenty Twelve uses rem, Twenty Thirteen does not and rem is back in for Twenty Fourteen, can someone shed some light please.

Thanks!

I had a convo with @nacin on #wordpress-dev last week about IE7 support. His theory was so long as it didn't return a blank page, then it was fine. As a themer, I don't think I necessarily agree with that opinion. But if WordPress itself aims to continue supporting IE7, then I think the theme should too.

On the flip side, @nacin said that IE7 fixes constituted about an hour per release cycle. Theming is a totally different animal. The effort that goes into making a theme IE7 compatible (not necessarily the same, mind you, but at least compatible) is considerably more than an hour.

I think we need Lance's decision on whether Twenty Fourteen is going to support IE7 and by how much. IE8, however, I think should be as fully supported as possible, since there are still a large number of Windows installations throughout the world limited to IE8 based on the fact that Windows XP still commands a high market share.

Of course, by support, that could mean serving IE<9 users a simple print stylesheet. ;-)

As for the rems issue, where to use rems vs. ems is a lot more subtle a distinction than I think most people give its full due. There's a place for both in a theme. However, if we're going to pick one OR the other, I'd say go with rems since in a large project, they provide the least guesswork as to what basis the font is being measured against. But again, you have IE issues, and wherever you use a rem you need to have a pixel fallback in order to support IE<9.

That's done easily enough via the use of a CSS preprocessor and mixins, but that's a whole other comment! :-D

comment:39 emiluzelac11 months ago

Thanks for the details :)

Can we get an official word on browser-compatibility, or it's too early for that?

comment:40 Jayjdk11 months ago

There's office hours for Twenty Fourteen on Tuesday at 17 UTC. http://make.wordpress.org/core/2013/08/09/2014-theme-project/

comment:42 jcastaneda11 months ago

  • Cc jomcastaneda@… added

comment:43 karmatosed11 months ago

  • Cc karmatosed@… added

comment:44 cainm11 months ago

  • Cc cainm added

comment:45 lancewillett11 months ago

@emiluzelac and @taupecat Please make a new Trac ticket for IE7 discussion and changes.

comment:46 lancewillett11 months ago

In 25021:

Twenty Fourteen: first pass at matching code standards achieved with Twenty Thirteen development. See #24858, props obenland.

comment:47 lancewillett11 months ago

  • Resolution set to fixed
  • Status changed from new to closed

Let's open new tickets for new issues. Closing this one.

obenland11 months ago

obenland11 months ago

obenland11 months ago

comment:48 lancewillett11 months ago

In 25023:

Twenty Fourteen: second pass at matching code standards achieved with Twenty Thirteen development. See #24858, props obenland.

obenland11 months ago

comment:49 lancewillett11 months ago

In 25060:

Twenty Fourteen: change IDs to classes in markup and CSS selectors. Props obenland, see #24858.

comment:50 follow-up: dfavor10 months ago

Unsure where to place this request... so doing so here.

Testing Twenty Fourteen (theme part) is straight forward...

cd wp-content/themes/
svn co http://core.svn.wordpress.org/trunk/wp-content/themes/twentyfourteen/

And how to download + test all associated plugins is more challenging to understand.

If there is someplace all associated plugin names are gathered... plus an installation procedure for testers... pass along the link.

Thanks.

comment:51 dfavor10 months ago

  • Cc david@… added

comment:52 in reply to: ↑ 50 SergeyBiryukov10 months ago

Replying to dfavor:

And how to download + test all associated plugins is more challenging to understand.

Twenty Fourteen does not require any plugins, nor do any other of the bundled themes.

comment:53 dfavor10 months ago

I'm clear Twenty Fourteen "requires" no plugins.

Maybe a better way to say this is, "What's the best way to find all Twenty Fourteen related plugins?"

Maybe http://DavidFavor.com/twenty-fourteen-tickets is the best way.

Note: See TracTickets for help on using tickets.