WordPress Customization: How To Customize The Admin Area


WordPress Customization: How To Customize The Admin Area

The default WordPress admin area looks very unprofessional to firms and companies that want
to look unique and personalized. This guide presents some tips to make the admin area look
more like you want. The advantage of making the admin area look unique is the feeling it gives
to the users they are using a more professional blog to write.

1. The custom login page

The default login page shows the Wordpres logo. It could be better. Let’s make a small change.
Look the following piece of code in the theme’s function file:

function login_stylesheet() {

wp_enqueue_style( ‘login_stylesheet’, get_template_directory_uri() . ‘/css/login.css’ );


add_action(‘login_head’, ‘login_stylesheet’);

Now we located the code that will allow to call a function to change the login page. The next

Step is to change the login logo.

Add the following piece of code:

h1 a { background-image:url(path/to/custom-login-logo.png) !important; }
Now it will load that designated image and show it every time you or a user tries to login.
Looks much better and personalized than the default WordPress logo image.

The next modification is modifying the login logo link to make it link back to your own website
instead of WordPress. If a user click the image, your custom image, and he is redirected
to WordPress, he will be confused. Expert users are not concerned, but a young beginner
probably will be confused.

Modify the following piece of code:

function login_logo_url($url) {

return ‘http://www.yoursite.com’;


add_filter( ‘login_headerurl’, ‘login_logo_url’ );

Where you read “www.yoursite.com” should be written the URL you want the users to go to if
they click the logo.

Now let’s give users a shorter URL to login to their accounts. By default, the URL to login
is “yoursite.com/wp-login.php” which is hard to remember and even worse to write. Let’s
change it:

RewriteRule ^login$ http://www.yoursite.com/wp-login.php [NC,L]

Take a look at your website login area now, you almost don’t feel you are using WordPress.

Let’s take another step in the admin area and add a custom stylesheet:

function admin_css() {

wp_enqueue_style( ‘admin_css’, get_template_directory_uri() . ‘/css/admin.css’ );


add_action(‘admin_head’, ‘admin_css’ );

With that code you can add any stylesheet that you want. If you know some CSS you can make
it look totally unique and made by you.

Now head to the Visual Editor custom stylesheet. This WordPress Visual Editor gives you a
WYSIWYG editor. Add the code:


Now you can load any stylesheet from the theme directory and edit it using the visual editor.

Now, too many admin options can confuse the user. If there are options that they won’t need
to use, such as links and comments in all sections, you can remove some:

function remove_menu_pages() {




add_action( ‘admin_init’, ‘remove_menu_pages’ );

Now the user will see his control panel with only the options that he needs to take action and

Maybe you want even more customization. Let’s take a look at how to change the order that
the menu appears in the admin area:

function custom_menu_order($menu_order) {

if (!$menu_order) return true;

return array(






add_filter(‘custom_menu_order’, ‘custom_menu_order’);

add_filter(‘menu_order’, ‘custom_menu_order’);

Now just cut and past the code to the order you want these options to appear.

When writing a new post, the user will see the default text from WordPress. If you want to
make it unique, add the following code:

function change_title($title){

$title = ‘My New Title’;

return $title;


add_filter( ‘enter_title_here’, ‘change_title’ );
Where you see “enter_title_here” it should be the text you want to appear.

The same is true for a custom footer message:

function change_footer_content() {

echo ‘Thank you for using our system. If you need support, please contact us.’;


add_filter(‘admin_footer_text’, ‘change_footer_content’);

You can add addresses and links for further support or just useful general information for your

A customized WordPress admin area and control panel makes a blog look very professional
and not just like any other “yet another” WordPress blog. Now the users will have the feeling

they are writing for a custom blog that is more independent from WordPress. There are even
more customizations such as the control panel and the admin template but to do them you
either know a lot of CSS and have several hours to work, or alternatively you can just copy the
code from a public site with lots of pre loaded styles to choose from.