Customize WordPress admin back-end

by Posted on

Do you create WordPress themes for clients? Or just want a customised WordPress admin area in the back-end? You might also be looking for customisation to make it a better experience for your registered members to access the back-end to update their profiles or add some posts.

Whatever your reason, WordPress allows you to easily tweak the admin dashboard. Here is a collection of codes for some common changes made to the WordPress admin area. Use the code snippets that you want.

  • Custom CSS for the login page
  • Custom CSS for the whole admin area
  • Remove the admin bar from the front end
  • Customise the footer in admin area
  • Custom CSS for the whole admin area
  • Theme the TinyMCE editor
  • Disable the theme / plugin text editor in Admin
// Custom CSS for the login page
// Create wp-login.css in your theme folder
function wpfme_loginCSS() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/wp-login.css"/>';
}
add_action('login_head', 'wpfme_loginCSS');


// Remove the admin bar from the front end
add_filter( 'show_admin_bar', '__return_false' );


// Customise the footer in admin area
function wpfme_footer_admin () {
echo 'Theme designed and developed by <a href="#" target="_blank">YourNameHere</a> and powered by <a href="http://wordpress.org" target="_blank">WordPress</a>.';
}
add_filter('admin_footer_text', 'wpfme_footer_admin');

// Theme the TinyMCE editor
// You should create custom-editor-style.css in your theme folder
add_editor_style('custom-editor-style.css');

// Custom CSS for the whole admin area
// Create wp-admin.css in your theme folder
function wpfme_adminCSS() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/wp-admin.css"/>';
}
add_action('admin_head', 'wpfme_adminCSS');


// Disable the theme / plugin text editor in Admin
define('DISALLOW_FILE_EDIT', true);