How to Apply Custom CSS to the Wordpress Admin Area

Here is a simple and easy tutorial on how to apply custom CSS to the Wordpress admin area. Let me explain this to you in two ways -- the code way, by writing some specific hooks into your theme’s function.php and the plugin way, by suggesting some cool plugins to alter the look and feel of the Wordpress admin.

In no way is one supposed to touch or alter the Wordpress core files, as this will highly compromise Wordpress installations. Updates also become risky when you alter the Wordpress core installs.

Why do we need to brand the admin? No one wants to reveal the original codes installed for developing a website when it’s a business. Better admin branding provides uniqueness to the website as well.

The Code WayLet me list some possible hooks that can be developed for managing the admin panel effectively

Login Screen

Removing menus and submenus

Footer Text alteration

Custom CSS for the visual editor as well as entire admin

Login Screen: This lets you alter the login screen with a custom logo and different color for background and buttons.Let's write a simple function to hook the admin in your themes function.php:

Add the above code to functions.php and add the admin.css to your CSS folder of your theme. Write any styles you wanted for your admin in the admin.css

Visual editor styles

add_editor_style('/css/editor.css');

adding this to your function.php does the wonder to alter styles within your editor area in admin

Apart from the above mentioned functions there are also functions that can be written to add/edit /remove widgets. Hide menus . Change appearance of menus and dashboard.

Plugins WayEven a experienced coder would not want to write codes and plugins on wordpress when there is a bountiful resource available in the wordpress repository as free plugins.Some wonderful plugins to customize admin

DN Infoway is an offshore outsourcing company providing round-the-clock services to customers. We are a small team of ten people seven coders and three designers. We offer round the clock services in web design and development. Client satisfaction is the key to the success of DN Infoway.
Our key skills include:
- Wordpress
- Opencart
- Magento
- Drupal
- Joomla
- Parallax responsive websites
- ...