Search code examples
wordpressuser-interfaceresponsive-designdashboarduser-friendly

How to make the WP admin menu responsive and like the ubuntu menu, with top horizontal menu/quicklinks?


The objective is to make the WP admin menu look like:

1

The top nav has the quicklinks that everyone can relate to with pictures.

2
(source: thedesignwork.com)

Easily clickable if accessed by a tablet.

3

Notifications are served with colored numbers.

4
(source: thedesignwork.com)

Including customizing popup displays.

Where the start isn't the normal analytics widgets and overview but an app like place to offer all the extra "apps" the admin menu has. It'll have to be customizable where users can decide if to access the normal dashboard or this menu:

5
(source: alexsantidote.com)

All plugins I came across only changes the WP logo, the color of the admin hover bar, and some basic css stuff. Can somebody point me into the right direction? I'm new to wordpress and hopefully this is possible..

The next step would be making it into a network activated plugin (I'll ask that another time..).

http://www.thedesignwork.com/admin-panel-psd-template/


Solution

  • A good place to start is the WordPress Codex's Page on Creating Admin Themes. This is not going to be a trivial task, though. Just warning you.