Twenty Thirteen project update, March 26, 2013

Our focus right now is on post formats integration, both structured (formats with post metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.) and “normal” output for the other formats.

Priorities

  1. Work with Post Formats team to get the_video(), the_audio(), and the_image() functions into coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., so we can avoid a ton of extra logic in Twenty Thirteen’s functions.php file to grab the first asset for a format. Making it easier for *any* theme to get the same data back and keep their template files simpler. Themes should not have to parse shortcodes or try to make something run through oEmded before display.
  2. Work with Post Formats team on post_formats_compat() functionality, improving Quote markup and filling in the gaps for other formats. Obenland is going to work on a patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing. for this.
  3. Image: we need clarification from 3.6 leads and Post Formats team on whether it is going to be structured or not (post meta) and it needs more work for the post-media functions (see 1 and 2 priorities above)
  4. Finalize each post format in Twenty Thirteen: what template HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. or PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher it needs, what it needs from core functionality to work correctly

By post format

Here’s a breakdown per format, per today’s discussion (IRC log).

  • Standard: good to go
  • Aside: we remove the title from the PHP template, added styling; non-structured
  • Chat: IHNIWIGOWTPF (see IRCIRC Internet Relay Chat, a network where users can have conversations online. IRC channels are used widely by open source projects, and by WordPress. The primary WordPress channels are #wordpress and #wordpress-dev, on irc.freenode.net. log, hehe); non-structured
  • Gallery: we use a bit of PHP to remove default gallery styles, and we use a filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. to change the image size to large on index view, then add a bit of CSSCSS Cascading Style Sheets. fanciness to change the first image to “bigger” size, 300×300 (single view is not changed other than to align the columns); non-structured
  • Link: structured, we use get_the_url() wrapped in our own fallback to output permalink if no URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org is found
  • Image: right now it works OK without any changes, but the design calls for the image to be above the title, which means we need a way to pull out the first image, and have the_content() be output without that image; also filter content_width to 724 for this format (small issue with that reported in #23863). Seems like the best approach here is to use a custom image size to grab an exact 724 px wide image (unless it’s smaller that 724, in which case we grab the largest available). Ideal: a user uploads an image, adds it to the post content at exactly 724 from the Media editor, then the_image() outputs the exact HTML img tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) + attributes.
  • Quote: structured; currently we rely on people using blockquote correctly in the editor, and style it with CSS; after Obenland’s patch to Quote markup (noted above in priority 2) we’ll add CSS support for the structured HTML markup, and leave in the basic styles in case someone uses post content anyway
  • Status: similar to Aside
  • Video: structured; we filter content_width to 724 to allow the video to be wider than the rest of the content area; needs the_video() to return the HTML output of first video and remove the same from the post content
  • Audio: structured, we’re leaning towards using the post format compat output instead of a custom structure in the theme; needs more testing but seems to be working OK as-is right now

#3-6, #bundled-theme, #theme, #twentythirteen

Twenty Thirteen project update, March 19, 2013

We’re in great shape to get to betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.. Here is what we’re working on right now.

Blocking older installs

Tracked in #23819 — since Twenty Thirteen is 3.6+ only, older installs could see errors. We’d like to come up with a graceful way to not allow older versions of WordPress to install and run Twenty Thirteen.

Maybe a nag function in the theme that puts up a warning? Forcing a change the previously activated theme upon activation? What are your thoughts?

Relates to #13780 also.

Post formats integration

See #23619, #23620, and #23621 — we are waiting on the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. functionality to be committed before we can change the theme code (images, videos, galleries, links).

Recently completed

  • HTML5 improvements to comment list, comment form, and search form (yay!) #22005, #23702, and #23701
  • Solidify footer positioning when no JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. or no Masonry script available: #23771
  • More gallery visual fixes: #23773 and #23769

Open issues

Here is a link to open tickets.

#3-6, #bundled-theme, #theme, #twentythirteen

Twenty Thirteen project update, March 12 2013

This week we are closing as many open issues as possible to prepare for code freeze.

Blockers

Here are the current blockers to getting to a code freeze tomorrow, as scheduled:

  • Post formats: #23619 #23620 #23621 — waiting on the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. functionality to be committed before we can change the theme code (images, videos, galleries, links)
  • #15080: Comment form HTML5 input types — just needs a commit
  • #20088: Improve wp_list_comments() markup — needs a code review from core team dev, then commit

Recently finished

  • Several passes at RTL, editor, and print styles
  • SidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. & footer clearing: #23557
  • Gallery visual fixes: #23742 #23649 #23584
  • Color contrast for accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility): #23513

Open issues

Here is a link to all remaining open tickets.

#3-6, #bundled-theme, #theme, #twentythirteen

Twenty Thirteen project update, March 4 2013

What we worked on last week

Lots of fixes and improvements went in — thanks to everyone who reported and patched and tested.

Bigger items discussed:

1. Fixing the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. (including discussion of dropping it completely). We decided to just swap primary and secondary sidebars for now. See #23644.
2. Remove fixed navbar for mobile — yes, let’s remove it. See #23647.
3. Keep fixed navbar for desktop for now, but next step is to switch site title to menu there, try that out.

IRCIRC Internet Relay Chat, a network where users can have conversations online. IRC channels are used widely by open source projects, and by WordPress. The primary WordPress channels are #wordpress and #wordpress-dev, on irc.freenode.net. logs: Tue Feb 26 2013 | Thu Feb 28 2013

What we’re doing this week

More work on open tickets.

Big items to tackle next:

  • Post format support: #23619 #23620 #23621
  • Sidebar / footer clearing, still no perfect CSSCSS Cascading Style Sheets.-only solution. JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. techniques are next. See #23557.
  • Gallery styles: portrait sized images, #23649 — and caption styles, #23584.

Non-theme tickets that affect Twenty Thirteen’s progress:

  • #15080: Comment Form Should use HTML5 input types for better accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)
  • #15081: Search Form should use type=’search’
  • #20088: Improve wp_list_comments() comment markup

Want to get involved?

View open tickets.

Join us in IRC during office hours and we can get you started on a ticketticket Created for both bug reports and feature development on the bug tracker. or task.

#3-6, #bundled-theme, #theme, #twentythirteen

Twenty Thirteen project update

The Twenty Thirteen team jumped into 3.6 with two two first office hours this week; things are off to a great start. We’re meeting in #wordpress-dev IRCIRC Internet Relay Chat, a network where users can have conversations online. IRC channels are used widely by open source projects, and by WordPress. The primary WordPress channels are #wordpress and #wordpress-dev, on irc.freenode.net. on Tuesdays and Thursdays at 17 UTC.

Who we are

(These are WP.org usernames.)

  • Leads: lancewillett and obenland
  • Contributors joining us for office hours this week: johnbillion kwight clakeb karmatosed sabreuse taupecat jorbin bpetty MikeHansenMe georgestephanis jayjdk nacin

Many other folks already contributed patches and tickets, thank you.

What we’re working on

Tuesday we started by dividing things up a bit:

  • Color contrast and general accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) (sabreuse and jorbin)
  • Mobile behavior, the navbar and menu need some work (obenland, johnbillion, and karmatosed)
  • Device testing (karmatosed)
  • General bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. reporting and patches (everyone)

We also looked at open tickets for Twenty Thirteen.

Thursday we had a more open discussion style. Based on people grabbing tasks I’ve added a “point person” in bold after each — if you want to jump in look for “Unassigned” here and drop a comment or pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” me in IRC.

Continue reading

#3-6, #bundled-theme, #theme, #twentythirteen

We’re digging in full bore to get things…

We’re digging in full bore to get things done by freeze. #19978 is the primary ticketticket Created for both bug reports and feature development on the bug tracker..

Tasks that need to happen by Wed Feb 29:

  • Finish the styling (Drew)
  • CSSCSS Cascading Style Sheets. file cleanup (Lance)
  • RTL stylesheet
  • Editor stylesheet

The last big missing piece for styling is post formats.

Update Wed Feb 29: see my comment below.

#bundled-theme, #team-update, #twentytwelve

Team Update: Twenty Twelve

We are still plugging away at theme styles and related code changes. See the task list on our last update for the exact things we’re working on and who’s working on what.

I’ll keep that list updated as we continue to crank on the theme. You can also follow along in the main TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. ticketticket Created for both bug reports and feature development on the bug tracker.: #19978.

One thing that came up this week is a minor revamp to the default comment markup, see #20088 for notes and a patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing.. If those changes are approved we can delete a big chunk of code from Twenty Twelve’s functions file.

#bundled-theme, #team-update, #twentytwelve

Team Update: Twenty Twelve

We are currently plugging away at fixing up missing styles around the new theme.

r19915 brings in several of these style fixes and related template changes (see #19978).

Next up is more of the same, including styling comments, handling the main navigation gracefully in small screens, styling all the default widgets, and styling the basic post formats (aside, link, image, quote).

If anyone wants to help out a bit, we could use eyes on #19627 — the “default to static front pageStatic Front Page A WordPress website can have a dynamic blog-like front page, or a “static front page” which is used to show customized content. Typically this is the first page you see when you visit a site url, like wordpress.org for example.” behavior.

#bundled-theme, #team-update, #twentytwelve

Team Update: Twenty Twelve

We are the team formerly known as “Twenty Twelve Two”—now three strong with Drew Strojny joining up for the 3.4 release cycle as the theme designer. Welcome Drew!

What we’re calling our “first cycle” ends today with Drew delivering us the first working prototype with the basic layout in place. Matt committed it with r19842. (See also #19978.)

Consider this version 0.5

This is not yet a fully working theme—we’ll be adding in more features and lots of missing styles over the next 3–4 weeks. Including post formats, comments, archives and page templates, more in-post styling, and a nav menu rework so the main content comes ahead of the navigation.

Our goal for the next cylcle is to finish up all the missing visual styles from Drew, with Lance making relevant code changes as needed. Deliverable is a finished theme that everyone can start using and testing in earnest.

Schedule notes

1. Due to schedule conflicts we need to be going slowly over the next week or two, picking it up again in earnest Feb 20–Feb 29.
2. Office hours will probably be on Mondays, I’ll post the actual times soon.

Update: We’ll end our cycle on Feb 29th.

#bundled-theme, #team-update, #twentytwelve

We’re wrapping up the first version of Twenty…

We’re wrapping up the first version of Twenty Eleven, and have one blockerblocker A bug which is so severe that it blocks a release.: the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. image is big. It’s HUGE, even. We love it, and feel it’s something many people will also love — especially people new to WP and blogging — but we’re getting mixed reactions to just how big it is.

Header image size isn’t a really big deal if you have flexible header heights. To allow maximum customization for Twenty Eleven bloggers that want a smaller header image we’re recommending a core change to allow flexible header heights. It’d benefit more than just the default theme; flexible height headers is a top user request for themes on WP.com.

We’d love your feedback and your help getting it into 3.2.

See https://core.trac.wordpress.org/ticket/17242 for the juicy details.

#bundled-theme, #twentyeleven