WordPress.org Gets New Global Header and Footer Design – WP Tavern


Should you occurred to be shopping WordPress.org on Sunday, you may need been in for a shock. The web site obtained a little bit of an improve. A partial one, a minimum of, as builders applied a brand new global header and footer across the site. That is the primary stage of a longer-term overhaul of the positioning’s entrance finish.

Screenshot of the header and footer navigation sections from WordPress.org with the content removed.  The header is a horizontal list of links.  The footer is a 5-column grid of lists with four links each.
International header and footer sections on WordPress.org.

Not everybody was ecstatic concerning the change, and there have been a minimum of some mobile-related points. Some guests couldn’t shut an open nav menu when shopping with cellular Safari, however that situation has since been addressed.

Others, equivalent to Assist Crew rep Steve Stern have been involved concerning the rollout. “It bothers me that adjustments like this are made with no notification,” he stated over WordPress Slack within the #meta channel. “Sure, it’s on GH, however actually, if you happen to’re going to vary the look/really feel of assist pages, it is likely to be good to drop a be aware in a spot the place the assist group lives (or a minimum of notify the group rep through DM or some Slack message). I can’t patrol discussion board messages, Slack, and issues hidden in a repo about mu-plugins.”

His criticism of maintaining observe of issues is honest. Except for the Slack app, I’ve 15 browser tabs open which are considerably associated to this story. WordPress has at all times appeared to have this drawback, and you need to be in it neck-deep to maintain up with the channels the place the whole lot is going on, lest you be shocked with an replace like this one.

Some individuals observed the rising checklist of hyperlinks within the navigation menu. It now shows 12 top-level gadgets. Beforehand, it had 10, however hyperlinks for Patterns and Openverse have been added.

“We’d like a construction,” stated Dennis Žoljom within the Slack #meta channel. “Not the whole lot is usually a top-level menu, that simply doesn’t make any sense. If the whole lot is a vital piece of data, then nothing is necessary. Someone ought to get the analytics on what web page is most visited and people ought to be left, and the opposite components ought to be categorized in dropdown menus or positioned within the footer.”

Dion Hulse famous that that is merely Part 1 of an ongoing design undertaking. There may be extra to come back.

“So comprehensible for it to really feel odd,” he stated. “However it’s one a part of quite a lot of design work that the design groups have been as much as.”

I’m a fan of the sharper and cleaner look of the brand new header and footer. I simply have one grievance. The header is sticky, staying hooked up to the highest of the positioning as readers scroll down the web page.

I do know it’s a private hangup, however massive sticky headers really feel like partitions are closing in on me as I scroll the web page. It may possibly get unhealthy sufficient that I’ve hassle respiratory. I’ve written about this previously whereas reviewing a theme. Don’t worry about me, although. There may be nonetheless a developer beneath this writer-like exterior and loads of browser extensions for storing customized, per-site CSS. So, I’m having fun with a sticky-free shopping expertise.

WordPress.org truly has two sticky sections on the high of the web page. The primary is the usual WordPress toolbar, and the second is the brand new header. Collectively, they mix for about 135 pixels of precious display screen actual property.

With the design replace, a minimum of one inconsistency throughout the positioning is blaring. Not each web page shows the toolbar.

The sticky header is extra acceptable on the News page, but it surely doesn’t show the toolbar. Snipping a couple of further pixels off its high and backside nonetheless wouldn’t damage.

Talking of the Information web page, it ought to be receiving a brand new coat of paint inside the subsequent week or so. Beatriz Fialho first introduced the proposed redesign in June 2021.

"News" page that shows a sticky post at the top for the latest WordPress release.  Following that is a list of blog post titles and metadata.

The Information web page redesign has its personal GitHub repository. There may be additionally a test site and Figma project for individuals who wish to visually browse it.

Hulse stated that its replace “will kind the bottom for additional rollout of the fashion and design to different websites.” On this occasion, “websites” are the subsites throughout WordPress.org, equivalent to the person Make blogs.

I’ve been wanting ahead to the contemporary fashion. The Information part has at all times felt like an afterthought, particularly when in comparison with the remainder of the positioning.

I’m desperate to see extra components of WordPress.org up to date. The design was getting a bit stale. What do you consider the progress up to now?


Leave a Reply

Your email address will not be published.