Shows the WordPress admin styles on one page to help you to develop WordPress compliant
PHP CSS JavaScript

README.md

WordPress Admin Style

Shows the WordPress admin styles on one page to help you to develop WordPress compliant

  • List markup and examples for '2 Column Page Layout', Headers, Header Icons, Buttons, Tables, Admin Notices, Alternative Colours, Pagination, Form Elements, Form Helper Functions, Tabs, Default Admin Color Schemes
  • Helper Classes
  • jQuery UI Examples
  • Dashicons
  • Genericons

Description

WordPress is developing fast - this also applies to the design of the backend. So it is important not to use your own styles in the admin area and use tags and classes of WordPress. This is the best way you can simplify your work as a developer and you don't have to test the design with every update. Unfortunately, there are quite extensive opportunities in the backend to implement the requirements. Several different classes and HTML structures are used. To be able to look up something this simple, I have developed this small Plugin, which tinkers in the development environment and quickly represents the necessary elements.

Also see the post about the idea and also the comments for a discussion.

Screenshots

  1. Admin Style in WordPress 3.1
  2. Admin Style in WordPress 3.4
  3. Admin Style in WordPress 3.6-alpha
  4. Admin Style in WordPress MP6 Design
  5. Dashicons in WordPress MP6 Design
  6. Genericons in WordPress 3.9-alpha

Installing

Manuel

  1. Download the plugin as a ZIP file from GitHub.
  2. In your WordPress admin click Plugin -> Add New -> Upload Plugin.
  3. Upload the ZIP file.
  4. Activate the plugin.

Via Composer

The plugin is available as Composer package and can be installed via Composer.

composer require bueltge/wordpress-admin-style

Via Git

  1. Go to your Must Use folder cd path
  2. git init .
  3. git remote add origin https://github.com/bueltge/wordpress-admin-style.git
  4. git fetch origin
  5. git checkout master
  6. Check in the network plugin page, if it works

Other Notes

Bugs, technical hints or contribute

Please give me feedback, contribute and file technical bugs on this GitHub Repo, use Issues.

License

Good news, this plugin is free for everyone! Since it's released under the GPL, you can use it free of charge on your personal or commercial blog. But if you enjoy this plugin, you can thank me and leave a small donation for the time I've spent writing and supporting this plugin. And I really don't want to know how many hours of my life this plugin has already eaten ;)

Contact & Feedback

The plugin is designed and developed by me (Frank Bültge)

Please let me know if you like the plugin or you hate it or whatever ... Please fork it, add an issue for ideas and bugs.

Disclaimer

I'm German and my English might be gruesome here and there. So please be patient with me and let me know of typos or grammatical farts. Thanks