topdevs.net

Illia Kopturov

WordPress login pages all look the same — the WordPress logo, the default blue, the generic title. If you care about how your site looks, this is the last unbranded page.
Simple Login Styler replaces it. Upload your logo, set your colors, customize the title and links — all through a standard WordPress settings page. No core file editing, no render-blocking scripts, no bloat.
How it works: The plugin uses WordPress login page hooks to inject a single, minimal CSS block. Settings are stored in the database and applied at login page load time. Nothing touches <code>wp-login.php</code> directly. CSS is only injected for settings that actually differ from the WordPress default, keeping output lean.
<h4>Features</h4>
Logo
<ul>
<li>Upload a custom logo using the WordPress Media Library</li>
<li>Control logo width (60–400px)</li>
<li>Set a custom logo link URL (defaults to the site home URL)</li>
</ul>
Background
<ul>
<li>Background color picker</li>
<li>Background image upload (Media Library)</li>
<li>Background size control: Cover / Contain / Auto (shown only when a background image is set)</li>
</ul>
Login Form Panel
<ul>
<li>Panel background color</li>
<li>Border radius (0–20px)</li>
<li>Box shadow: on or off</li>
</ul>
Buttons
<ul>
<li>Primary button background color</li>
<li>Primary button text color</li>
<li>Button border radius (0–20px)</li>
</ul>
Text & Links
<ul>
<li>Custom page <code><title></code> tag (replaces the default “Log In ‹ Site Name — WordPress”)</li>
<li>Show or hide the “Back to [Site Name]” link</li>
<li>Show or hide the “Lost your password?” link</li>
<li>Custom footer text displayed below the login form</li>
</ul>
All fields are optional. If a field is left blank or at its default, that part of the login page looks exactly like stock WordPress.
<h4>Works Great With</h4>
UnclutterWP — Once you’ve branded your login page, UnclutterWP helps you clean up the rest of the site: remove emoji scripts, disable XML-RPC, clean your WordPress <code><head></code>, and more — the same “remove what you didn’t ask for” philosophy applied to your whole site.
<a href="https://wordpress.org/plugins/unclutterwp/" rel="ugc">Get UnclutterWP — free</a>
Built by the team behind UnclutterWP.

Simple Login Styler – Custom Branding for Your WordPress Login

Replace the default WordPress login page with your own logo, colors, and text. Lightweight, no-bloat login branding for any WordPress site.

FAKTOR VIER

With <a href="https://www.f4dev.ch" rel="nofollow ugc">F4 Simple White Label</a> you can change the login image, add a custom logo to the admin bar and change the admin footer texts.
Currently this is only possible with a few easy to use hooks. We plan to add an options page to the WordPress backend, so you can change all the above mentioned without using a single line of code.
<h4>Usage</h4>
You can add the following hooks to the functions.php of your theme.
Add favicon to login page and backend:
<pre><code>add_filter('F4/SWL/admin_favicon', function() {
 return 'url-to-your-favicon.ico';
});
</code></pre>
Change the login page image:
<pre><code>add_filter('F4/SWL/login_image', function() {
 return 'url-to-your-login-image.png';
});
</code></pre>
You can also change the href, link text, image alt text like this:
<pre><code>add_filter('F4/SWL/login_image_href', function() {
 return 'https://www.f4dev.ch';
});

add_filter('F4/SWL/login_image_link_text', function() {
 return 'This WordPress is powered by FAKTOR VIER';
});

add_filter('F4/SWL/login_image_alt', function() {
 return 'FAKTOR VIER logo';
});
</code></pre>
If needed you can add custom inline styles to the image:
<pre><code>add_filter('F4/SWL/login_image_style', function() {
 return 'width:50px; height:50px;';
});
</code></pre>
Add a custom logo to the admin bar:
<pre><code>add_filter('F4/SWL/admin_bar_logo', function() {
 return 'url-to-your-admin-bar-logo.png';
});
</code></pre>
You can also change the href, logo alt text like this:
<pre><code>add_filter('F4/SWL/admin_bar_logo_href', function() {
 return 'https://www.f4dev.ch';
});

add_filter('F4/SWL/admin_bar_logo_alt', function() {
 return 'FAKTOR VIER logo';
});
</code></pre>
If needed you can add custom inline styles to the logo:
<pre><code>add_filter('F4/SWL/admin_bar_logo_style', function() {
 return 'height:20px; margin:8px 0;';
});
</code></pre>
If you have users that like to use the light color theme, you can define a different logo for that. If you dont use this hook, the admin_bar_logo logo us used for all themes:
<pre><code>add_filter('F4/SWL/admin_bar_logo_light', function() {
 return 'url-to-your-admin-bar-logo-light.png';
});
</code></pre>
Change the backend footer texts:
<pre><code>add_filter('F4/SWL/admin_footer_text', function() {
 return 'Thank you for creating with WordPress.Get';
});

add_filter('F4/SWL/admin_footer_update_text', function() {
 return 'Version 5.3';
});
</code></pre>
<h4>Features overview</h4>
<ul>
<li>Add favicon to login page and backend</li>
<li>Change the login page image</li>
<li>Add a custom logo to the admin bar</li>
<li>Change the backend footer texts</li>
<li>Easy to use</li>
<li>Lightweight and optimized</li>
<li>100% free!</li>
</ul>
<h4>Planned features</h4>
<ul>
<li>Everything configurable in the backend without a single line of code</li>
</ul>

F4 Simple White Label

Allows you to to change the login image, admin bar logo and admin footer text.

Simple Login Styler – Custom Branding for Your WordPress Login vs F4 Simple White Label