Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Wordpress (3.8) Admin UI Style CSS Classes

Tags:

css

wordpress

I've been trying to find a list of available style classes that can be used when building a custom module admin page but haven't been successful. Is anyone aware of a codex page or other list that might have these classes and descriptions for things like tables, forms buttons?

Specifically 3.8 would be great but really anything helps as I'm sure most of the classes remain the same.

like image 229
kilrizzy Avatar asked Jan 15 '14 15:01

kilrizzy


People also ask

How do I add CSS to WordPress admin?

Go to WordPress Admin > Appearance > Admin CSS MU and add the custom CSS you want. For Multisites, the settings page will be in the Appearance > Admin CSS MU of the main site. Only network admins can add/edit CSS.

How do I change the admin color scheme in WordPress?

To change the admin color scheme, simply login to your WordPress admin dashboard, and then navigate to Users » Profile. After that, select the new color scheme in the 'Admin Color Scheme' section by clicking the radio button. There are 9 different color schemes to choose from.

What is Admin UI in WordPress?

The WordPress admin dashboard, often called WP Admin or WP admin panel, is essentially the control panel for your entire WordPress website. It's where you create and manage content, add functionality in the form of plugins, change styling in the form of themes, and lots, lots more.


1 Answers

That's interesting; after looking around, it seems to be a bit of a mystery.

Several great unofficial online resources:

  • bueltge/WordPress-Admin-Style is a plugin that "Shows the WordPress admin styles on one page to help you to develop WordPress in a compliant manner."

  • WordPress.org UI Style Guide | A visual reference for the WordPress.org UI

  • Integrating With WordPress' UI: The Basics | Wptuts+ (long tutorial)

Official resources and other help:

  • Creating Admin Themes « WordPress Codex

  • For specific quesitons, there is wordpress.stackexchange.com

like image 184
markratledge Avatar answered Oct 02 '22 08:10

markratledge