WordPress Custom Login Page
Are you bore with the same login screen? Or your clients are demanding a new login screen with their company name and all links follows to the company url. In this blog we discuss how to change the login screen in WordPress theme.
If you don’t have sound knowledge in php don’t try this post. It’s may harm your WordPress theme, if you did any wrong with core code of WordPress
Change The Header URL and Title
You know, when mouse pointer on the WordPress logo the title show ‘powered by WordPress’ and if you click on it the page redirect to ‘http://www.wordpress.org. First we change the logo link and title. Open the wp-login.php, which located in WordPress folder. Here I rename the WordPress folder with phloxblog, that shown on below picture
After open the page you need to find the code line “$login_header_url = __( ‘http://wordpress.org/’ );”. When you get the code line replace the existing url address with your present site address url and also replace the header title with your new title.
Now copy your custom logo and paste it into ‘…\wp-admin\images’. Then open wp-admin.min.css, its location is ‘…\wp-admin\css’. It is better to open find window in this css file and search for the word ‘login h1 a’. I have shown in the following picture
Once you are getting this replace the background-image:url(‘ ‘) with your custom logo path. If your logo name is ‘custom_logo’ then the path will be ‘‘…\wp-admin\images\custom_logo.png”.
At last your custom login page is ready. You use this post to develop custom login page for your blog site as well as use for any professional site. In future we will be discussed about how to create custom login page without change the core file of WordPress theme.
Want to get blog updates? Subscribe here