WordPress.org

Make WordPress Core

Opened 9 years ago

Closed 6 years ago

#16414 closed enhancement (invalid)

Theme and Plugins options pages need improved tabs

Reported by: chexee Owned by: chexee
Milestone: Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-patch close
Focuses: ui Cc:
PR Number:

Description

We've talked about this in UI group before, this is essentially a continuation of [12412].

The tabs currently look rather big and bulky. We'd like to find a more graceful, subtle way to show multiple screens under one nav item.

Some notes:

  • Tabs should be different sections of one nav item (primarily Themes and Plugins). They are not children of that nav item. There shouldn't be any visual hierarchy between the h1 and the tabs. The tabs, essentially, are the different h1s.
  • I use the word tabs loosely. They do not necessarily have to look like traditional tabs. Creative solutions to this would be awesome.
  • We are also open to suggestions to changing the wording on the tabs, especially for themes. Current they read, "Manage Themes" and "Install Themes". "Install Themes" is a bit misleading, "Add New Themes" would be more descriptive.

Attached are previous proposals.

Attachments (7)

Tabs-2.jpg (196.6 KB) - added by chexee 9 years ago.
This one has hierarchy between the header and tabs. This is wrong.
Tabs.jpg (195.1 KB) - added by chexee 9 years ago.
shows hierarchy. also has unstandard gradient.
Screen shot 2011-01-30 at 2.47.57 PM.png (204.4 KB) - added by chexee 9 years ago.
Current tabs.
4338289262_87ab3c207c_z.jpeg (110.2 KB) - added by chexee 9 years ago.
TECannon's concept
theme-tabs-3.5-beta2-22269.png (4.7 KB) - added by MikeHansenMe 7 years ago.
current tabs design
standardizehead.diff (1.4 KB) - added by thee17 7 years ago.
stdadminhead.diff (1.4 KB) - added by thee17 7 years ago.
Corrected Diff from wp root.

Download all attachments as: .zip

Change History (22)

@chexee
9 years ago

This one has hierarchy between the header and tabs. This is wrong.

@chexee
9 years ago

shows hierarchy. also has unstandard gradient.

@chexee
9 years ago

TECannon's concept

#1 @mtekk
9 years ago

That should be #12412 for the related ticket

#2 @chexee
9 years ago

Jorbin mentioned that when this gets implemented, we should use markup consistent with jquery-ui tabs, making it easier for plugins to stay consistent with the UI.

#3 @ocean90
9 years ago

Note: We have also tabs on the Edit Site pages: http://grab.by/8Gjx

@MikeHansenMe
7 years ago

current tabs design

#4 follow-up: @MikeHansenMe
7 years ago

  • Cc mdhansen@… added
  • Keywords close added

The current tab design has been updated and is less clunky and more elegant. If everyone is okay with this, proposing close.

#5 in reply to: ↑ 4 @helenyhou
7 years ago

  • Keywords close removed

Replying to MikeHansenMe:

The current tab design has been updated and is less clunky and more elegant. If everyone is okay with this, proposing close.

Current tabs still essentially look like the former ones this suggestion was created against, and don't address any of the points in the ticket. @chexee (whenever you land) - still feeling the same? I don't (currently) have a thought.

#6 @MikeHansenMe
7 years ago

The major difference between the current tabs and the previous tabs is the font but IMO that was a lot of what made them appear bulky. Also, the menu has a new style and I feel the tabs are less out of place currently than they were in the previous screenshots. Happy to leave it open for more discussion though.

#7 @MikeSchinkel
7 years ago

  • Cc mike@… added

#8 @SergeyBiryukov
7 years ago

  • Component changed from UI to Administration
  • Keywords ui-focus added

#9 @ocean90
7 years ago

#23493 was marked as a duplicate.

#10 @ocean90
7 years ago

Related: #21911

#11 follow-up: @thee17
7 years ago

Here is a patch I'm contributing to remove the tabs and standardize the head considering how Menus are now doing it.

#12 @helen
7 years ago

Menu tabs were a completely different way of using tabs. A better comparison point would be the way plugins operate.

#13 in reply to: ↑ 11 @DrewAPicture
7 years ago

  • Keywords has-patch added

Replying to thee17:

Here is a patch I'm contributing to remove the tabs and standardize the head considering how Menus are now doing it.

Also, make sure to generate your patches from the root directory.

Replying to helen:

Menu tabs were a completely different way of using tabs. A better comparison point would be the way plugins operate.

+1 for standardizing based on the plugins header.

@thee17
7 years ago

Corrected Diff from wp root.

#14 follow-up: @ocean90
6 years ago

  • Keywords close added

Themes doesn't have tabs anymore, closable?

#15 in reply to: ↑ 14 @helen
6 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

Replying to ocean90:

Themes doesn't have tabs anymore, closable?

Yeah, can always re-open if something else comes up here.

Note: See TracTickets for help on using tickets.