Skip to content

Free WordPress Tutorials For Non-Techies – WPCompendium.org

Learn How To Build A WordPress Website Without Coding Skills – Hundreds Of FREE Step-By-Step Tutorials!

  • Home
    • Quick Start
    • Testimonials
    • About Us
    • Contact Us
    • Advertise
  • Website Planning
  • WordPress Overview
  • WordPress Installation
  • WordPress Configuration
  • How To Use WordPress
  • WordPress Plugins
  • WordPress Customization
  • WordPress Management
  • WordPress Optimization
  • WordPress Security
  • WordPress Strategies
  • WordPress Guides
  • Latest Posts & Tutorials
  • WordPress Tutorials Index

Home » Customize WordPress Login

Tag: Customize WordPress Login

How To Customize Your WordPress Login Screen

Learn how to change your WordPress login image and how to customize your WordPress login page …

How To Customize Your WordPress Login Screen

How To Customize Your WordPress Login ScreenNeed to customize the WordPress login screen? This tutorial shows you how to change the WordPress login image and how to customize your WordPress login page.

***

If you’re customizing your WordPress site, you may want to look at creating a custom login page. This way, you can brand the site with your own logo image, instead of using the default WordPress login image, add a custom background, change the style and look, and more!

For example, you may want to change the default image on your login page to display your business logo and promote your own brand.

Having a custom login form is especially useful if you plan to allow other users to access your site such as multiple authors, registering users, members, etc.

While there are thousands of WordPress themes to choose from, many use the same default WordPress login page (yourdomain.com/wp-login.php) …

Customize Your WordPress Login Page

Instead of greeting your site’s registered users with the plain login page shown above, you can add virtually any design to this page, including making the following customizations:

  • Add custom backgrounds
  • Replace the WordPress logo with a custom logo
  • Customize the appearance of the Login Form
  • Customize the login page typography with different fonts
  • Add effects (e.g. ‘fade-in”)
  • Change the Logo link to a custom URL

Here are just some examples of custom login pages and login forms on WordPress sites ..

Customize Your WordPress Login Page

(Source: Flickr)

View a range of custom login forms created for WordPress users below:

  • WordPress Custom Login = Flickr Image Galleries

In this tutorial you are going to learn how to change your WordPress login image to create a custom branded look to your site.

How To Change Your WordPress Login Screen Image

By default, your WordPress site’s login page displays the WordPress logo image as shown in the example below …

WordPress Login Screen

Depending on what you plan to use your site for, you may want to change the default WordPress Login screen image to your own custom login design.

There are a number of methods you can use to replace the default login image. Let’s go through these:

Replace The WordPress Login Image On Your Server

warning

Warning: This method works but it’s not recommended.

Some people recommend changing the default login image on your WordPress site by replacing the WordPress logo image on the server with your own custom image.

This method basically involves creating a new image with the same dimensions, format (.png) and filename as the default WordPress login image, and then replacing it in your server via FTP ( located in the ‘/public_html/wp-admin/images’ folder) …

Customize Your WordPress Login Page

This method works but is not recommended, because it involves changing content in the WordPress core installation files, which means that when WordPress upgrades to a new version, old files may get overwritten by newer ones, and you could lose any custom changes you have made.

The only reason for using this method, therefore, is for testing purposes, i.e. to see how a new login image will look – use a test site for this!).

Add Code To Your Theme’s functions.php File

This method involves adding some code to your WordPress Theme’s functions.php file …

Customize Your WordPress Login Page

As one of the goals of these tutorials is to teach you how to use WordPress without turning you into a web developer, we will skip this method here.

Tip

Tip: You can find more information about customizing WordPress code by searching online, or by visiting WordPress-related sites aimed at helping web developers.

For non-technical WordPress users, there are better alternatives to using either of the above methods.

Customize Your WordPress Login By Configuring WordPress Theme Options

Depending on the WordPress theme you are using, you may have a number of customizable theme options …

Customize Your WordPress Login Page

Check to see if your theme provides configurable options, and if so, whether or not one of these options is the ability to add your own site login image …

Customize Your WordPress Login Page

If your theme has a built-in feature that allows you to add a custom login image, then use this feature …

Customize Your WordPress Login Page

To learn more about configuring WordPress Theme settings, see the tutorial below:

  • Configuring Your WordPress Theme Settings

Customize Your WordPress Login Page Using Plugins

If your WordPress Theme does not provide configurable options, then your best option is to use plugins.

Here are some great plugins you can use to customize your WordPress login screen …

LoginPress

LoginPress

(LoginPress)

LoginPress is a free and fully customizable WordPress login page plugin that creates impressive custom login pages for your site quickly with no coding required.

To install this plugin, go to Plugins > Add New and search for “custom login page” …

Plugins > Add New

(Plugins > Add New)

Locate the LoginPress plugin and click ‘Install Now’ …

Install LoginPress

(Install LoginPress)

After installing the plugin, click ‘Activate’ …

Activate LoginPress

(Activate LoginPress)

Once the plugin has been installed and activated, you will see a new ‘LoginPress’ section on your main menu.

Click on the menu to begin configuring the plugin …

LoginPress welcome screen

(LoginPress welcome screen)

Configure the plugin settings and click ‘Save Changes’ when done …

LoginPress settings screen

(LoginPress settings screen)

To configure the plugin, go to the Theme Customizer section and click on LoginPress …

Theme Customizer  - LoginPress

(Theme Customizer  – LoginPress)

LoginPress lets you customize every aspect of your WordPress login page …

Customize every aspect of your login form with LoginPress

(Customize every aspect of your login form with LoginPress)

You can customize your login page in minutes (even seconds) with LoginPress. Choose different themes, add your logo, change the background, customize login and forget forms, buttons, error messages, welcome messages, the form footer, change fonts, and more …

Customize your login page in minutes with LoginPress

(Customize your login page in minutes with LoginPress)

Watch the video below to see the plugin in action …

(LoginPress – Customizing the WordPress Login Page)

There is also a premium version of the plugin with additional features and addons for extra functionality.

To learn more about this plugin, go here: LoginPress

Other Screen Login Page Plugins

There are other plugins you can use to customize your WordPress login page. here are some more you can check out:

Custom Login

Customize Your WordPress Login Page

(Custom Login)

Plugin URL

http://wordpress.org/plugins/custom-login

Plugin Installation

To find custom login form plugins, go to Plugins > Add New …

Customize Your WordPress Login Page

Select the Install Plugins > Search tab, then type in “custom-login” into the search field and click on the Search Plugins button …

Customize Your WordPress Login Page

This will bring up a number of suitable custom login plugins that you can choose from.

For this tutorial, we will install and configure one of these plugins, and then provide a list of other options further below.

Locate the Custom Login plugin in the search results area and click Install Now …

Customize Your WordPress Login Page

Plugin Configuration

Install and activate the Custom Login plugin …

Customize Your WordPress Login PageTo configure the plugin, go to Settings > Custom Login …

Customize Your WordPress Login Page

This brings up the plugin’s settings screen …

Customize Your WordPress Login Page

The Custom Login plugin lets you customize your entire login page. You can add a custom background image or background color, add a logo image, customize the login box, and even use your own stylesheets.

Once you have configured all of the settings, activate the plugin and save …

Customize Your WordPress Login Page

To view your new custom login page, log out of WordPress and go to your wp-login.php page …

Customize Your WordPress Login Page

Experiment with different plugin settings until you are happy with your new custom login form.

YITH Custom Login

YITH Custom Login - WordPress Plugin

(YITH Custom Login)

Plugin URL

http://wordpress.org/plugins/yith-custom-login

Plugin Description

YITH Custom Login plugin lets you change the default style of your WordPress login page.

Customization options include changing the background, logo, typography, form and colors …

Customize Your WordPress Login Page

(YITH Custom Login. Source: plugin site)

Branded Login Screen

Customize Your WordPress Login Page

(Branded Login Screen)

Plugin URL

http://wordpress.org/plugins/branded-login-screen

Plugin Description

The Branded Login Screen plugin let you use a hi-res, full screen, fully responsive background image on your WordPress login page.

Other plugin features include:

  • Use your own header image instead of the WordPress logo
  • Position your login form on a different part of your page
  • Responsive login form works on smaller screens
  • Scrolling of form if outside of viewport
  • Background image sizes with window resize
  • Repeating background images supported
  • Removes all WordPress branding from your login page

One of the great features of this plugin is that it allows you to position the login box in a different location than the default center position …

Customize Your WordPress Login Page

(Branded Login Screen. Source: plugin site)

Note: The FREE version of the plugin requires editing some files to customize. The PRO version of this plugin lets you customize your login screen more easily and offers a number of additional enhancements.

WP Custom Login

WP Custom Login - WordPress Plugin

(WP Custom Login)

Plugin URL

http://wordpress.org/plugins/wp-custom-login

Plugin Description

WP Custom Login lets you add a custom header and footer to your site’s login page …

Customize Your WordPress Login Page

(Customize your login page header and footer section. Source: plugin site)

Social Login

Social Login - WordPress Plugin

(Social Login)

Plugin URL

http://wordpress.org/plugins/oa-social-login

Plugin Description

Although the Social Login plugin doesn’t change the look of your default login screen, it adds a social aspect to it, by letting your visitors comment, login and register with 20+ Social Networks like Facebook, Twitter, Google, YouTube, LinkedIn, PayPal, LiveJournal, Hyves, Yahoo! and more …

Customize Your WordPress Login Page

Sexy Login

Sexy Login - WordPress Plugin

(Sexy Login)

Plugin URL

http://wordpress.org/plugins/sexy-login

Plugin Description

Sexy Login is a WordPress plugin that lets you entirely change the look of your WordPress login page. It supports a number of advanced features, including:

  • AJAX Login Form.
  • AJAX Register Form.
  • AJAX Lost Password Form.
  • Error handling without refreshing your screen.
  • Optional ReCaptcha verification for login and register forms.
  • Control forgotten password requests.
  • Compatible with Internet Explorer, Safari, Chrome, Firefox, Opera.
  • Work with forced SSL logins.
  • Fallback mechanism, still work on javascript-disabled browsers.
  • Specific option to show link to profile page and dashboard.
  • Customizable redirect URL after log in or log out.
  • Option to show or hide an avatar and change its size.
  • Responsive design.
  • Supports multi-language capabilities.

This plugin also has a “fallback mechanism” that ensures your login page will remain accessible to all users, including those with JavaScript disabled browsers …

Customize Your WordPress Login Page

(Sexy Login WordPress plugin. Source: plugin site)

Congratulations! Now you know how to change your WordPress login image and how to customize your WordPress login page.

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org

Author WP CompendiumPosted on September 9, 2016April 29, 2020Categories Management Plugins, WordPress Plugins, WordPress CustomizationTags Customize WordPress Login, WordPress Login Screen, WordPress Login Plugins

Our WordPress Users …

"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum


WPCompendium.org - Free WordPress Step-By-Step Tutorials For Non-Coders!

The Complete Step-By-Step WordPress User Manual

The most comprehensive, detailed, and up-to-date step-by-step tutorials on how to use your WordPress site (over 2,100+ pages)!

More info: The Complete Step-By-Step WordPress User Manual

WordPress Tutorials

  • Website Planning Tutorials
  • WordPress Overview Tutorials
  • WordPress Installation Tutorials
  • WordPress Configuration Tutorials
  • WordPress How To Use Tutorials
  • WordPress Plugin Tutorials
  • WordPress Customization Tutorials
  • WordPress Management Tutorials
  • WordPress Optimization Tutorials
  • WordPress Security Tutorials
  • WordPress Business Strategy Tutorials
  • WordPress Training

WordPress Web Hosting

  • BlueHost
  • Hostgator
  • Hostinger
  • LiquidWeb
  • WPEngine
  • WPMU DEV
  • WPWebHost

WordPress Plugins

  • Add Google Maps To WP
  • Add Instagram Feed To WP
  • Amazon Store Builder
  • Content Views Pro
  • Thrive Leads Email Capture Forms
  • WP Legal Pages
  • WP Plugins Suite – 10Web
  • WP Rocket – WordPress Caching Plugin
  • WP Total Audit – Fix WordPress Errors
  • XAdapter eCommerce Extensions

WordPress Themes

  • Avada
  • Creative Market
  • Elegant Themes
  • InkThemes
  • Mojo Themes
  • MyThemeShop
  • SoloStream
  • StoreFront
  • StudioPress
  • Template Monster
  • Theme Forest
  • WPeka Themes

RSS WordPress Video Courses

  • Online Course Marketing
  • Content Marketing
  • WordPress Block Editor (Gutenberg)
  • Affiliate Marketing
  • WordPress Maintenance
  • Text-To-Speech Beginners Course
  • Podcasting
  • Email Marketing
  • How To Profit With PLR & Resell Rights Products
  • Business Funding Strategies
  • Twitter Marketing
  • Social Media Marketing
  • Outsourcing Digital Services
  • Online Advertising
  • Lead Generation

Recent Posts

  • WordPress Recovery Mode
  • WordPress Backup Plugins
  • How To Delete Unnecessary Data From Your WordPress Site
  • Manage Unlimited WordPress Sites With The Best WordPress Site Management Tool Available
  • Best WordPress A/B Testing Plugins (2024)
  • Group Block
  • How To Use WordPress Autosave And Post Revisions
  • How To Train Your Clients Remotely To Use Their WordPress Websites
  • Where To Get Thousands Of High Resolution Images With Transparent Backgrounds For Your Website
  • Klippyo – Create Highly Engaging Videos Optimized For Social Media
  • WaveNetVocalizer – Create Natural Sounding Video Voiceovers Without Spending Thousands Of Dollars!
  • Create Cartoon Explainer Videos Easily With Toonly
  • Affiliate Video Pro – Earn Affiliate $$$ From YouTube Videos
  • WordPress User Manual: How To Create A Post In WordPress
  • WordPress Gutenberg Content Editor Beginners & Non-Techies Tutorials Launched

Explore This Site

  • WordPress Gutenberg – The Ultimate Guide For Non-Techies
  • 101+ WordPress Tips, Tricks & Hacks For Non-Techies
  • New Users Start Here – WPCompendium.org Quick Start
  • How To Find Free WordPress Tutorials On WPCompendium.org
  • Ultimate WordPress User Guide For Beginners
  • Free Content Creation Course
  • Free WordPress Tutorials For Beginners
  • WordPress Traffic Automation Blueprint
  • Index Of WordPress Tutorials
  • WordPress Overview Tutorials
  • Website Planning Tutorials
  • WordPress Installation Tutorials
  • WordPress Configuration Tutorials
  • How To Use WordPress Tutorials
  • WordPress Plugin Tutorials
  • WordPress Themes
  • WordPress Management Tutorials
  • WordPress Optimization Tutorials
  • WordPress Security Tutorials
  • WordPress Business Strategies
  • WordPress Guides
  • WordPress Training
  • Blog
  • News
  • About Us
  • Contact Us
  • WordPress Training Testimonials
  • Frequently Asked Questions
  • Content Submission Guidelines
  • Site Map
  • AMP Sitemap
  • Advertise On WPCompendium.org

WPCompendium.org News

WordPress Gutenberg - The Ultimate Guide For Non-Techies

WordPress Gutenberg Content Editor Beginners & Non-Techies Tutorials Launched
WordPress Beginners Installation Tutorials Plugin Customization Courses Launched

WordPress Beginners Installation Tutorials Plugin Customization Courses Launched
WPCompendium.org - Free WordPress Tutorials

WordPress Website Configuration Optimization Tutorials For Beginners Launched

RSS WPMasterclasses.com

  • Learn WordPress Video Courses Beginner-Friendly Digital Training Launched
  • Learn Digital Business Skills Video Training Courses Guide
  • WordPress Video Courses Non-Techies Digital Business Tutorials Site Launched
  • WordPress Video Courses And Digital Business Tutorials All Access Pass Launched
  • WPMasterclasses News & Updates – December 2018

Tags

  • Bulk Edit WordPress
  • Categories
  • Clean Up WordPress Installation
  • Configure WordPress
  • Create WordPress Page
  • Featured Images
  • Free Tutorials WordPress
  • Free WordPress Tutorials
  • Latest WP Update
  • Learn WordPress Free
  • New WordPress Dinah
  • New WordPress Parker
  • New WordPress Powell
  • New WordPress Site
  • Post Categories
  • Post Formats
  • Post Formats WordPress Themes
  • Post Tags
  • Prevent Comment Spam WordPress
  • Quick Edit
  • Quick Edit Feature
  • Quick Edit WordPress
  • Standard Post Form
  • Tags
  • Translate WordPress
  • WordPress Categories
  • WordPress Commenting
  • WordPress Content Linking
  • WordPress Discussion Settings
  • WordPress Featured Images
  • WordPress How To Tutorials
  • WordPress Page
  • WordPress Pinging Settings
  • WordPress Post Categories
  • WordPress Post Formats
  • WordPress Post Tags
  • WordPress Release 4.1
  • WordPress Security Release 3.8
  • WordPress Security Release 4.2
  • WP 3.8
  • WP 4.1
  • WP 4.2
  • WP Categories
  • WP Quick Edit
  • WP Tags

WordPress Resources

  • Advertise on WPCompendium.org
  • Drive More Traffic To Your Website
  • External Content Guidelines
  • Free WordPress Plugins
  • Free WordPress Themes
  • WordPress User Manual

WordPress For Non-Techies Guide

  • WordPress For Non-Techies Author Page – Amazon
  • WordPress For Non-Techies – AU
  • WordPress For Non-Techies – BR
  • WordPress For Non-Techies – CA
  • WordPress For Non-Techies – DE
  • WordPress For Non-Techies – ES
  • WordPress For Non-Techies – FR
  • WordPress For Non-Techies – IN
  • WordPress For Non-Techies – IT
  • WordPress For Non-Techies – JP
  • WordPress For Non-Techies – MX
  • WordPress For Non-Techies – NL
  • WordPress For Non-Techies – UK
  • WordPress For Non-Techies – US

Legal Pages

  • WPCompendium.org – Legal Pages
  • Affiliate Disclosure
  • Antispam
  • Disclaimer
  • Earnings Disclaimer
  • FTC Statement
  • GDPR – Request Personal Data
  • Linking Policy
  • Privacy Policy
  • Terms of Use
  • Testimonials Disclosure
  • Home
    • Quick Start
    • Testimonials
    • About Us
    • Contact Us
    • Advertise
  • Website Planning
  • WordPress Overview
  • WordPress Installation
  • WordPress Configuration
  • How To Use WordPress
  • WordPress Plugins
  • WordPress Customization
  • WordPress Management
  • WordPress Optimization
  • WordPress Security
  • WordPress Strategies
  • WordPress Guides
  • Latest Posts & Tutorials
  • WordPress Tutorials Index
Free WordPress Tutorials For Non-Techies – WPCompendium.org Privacy Policy Proudly powered by WordPress
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT