WordPress: How To Customize Log In Page

WordPress How To Customize Log In Page

Adding a few tweaks on your functions.php file will let you customize your login page. Hereā€™s what you need to do.


  • In your current theme directory (../wp-content/themes/your-theme-name), add a folder called ā€œloginā€. Create a CSS file inside the login folder and name it custom-login-styles.css
  • Next, add the following code into your functions.php file and save it.
  1. Log into your WordPress Admin interface.
  2. Go to Appearance.
  3. Go to Theme Editor.
  4. In the right menu find functions.php
  5. Copy and paste the code below at the end of functions.php
  6. Publish.
function my_custom_login() {
echo '';
}
add_action('login_head', 'my_custom_login');

Simply customize your CSS file, custom-login-styles.css. This will reflect on the login page.

This post was updated on Friday / August 2nd, 2019 at 3:46 PM