Login Styler – Customize WordPress Login Page

外掛說明

ShoreZella Login Styler turns the default WordPress login screen into a page that looks like it belongs to your site. Add your own logo, set a background image or colour, restyle the form, and match the buttons and text to your brand, all from one settings screen, with no code and no theme edits.

Every WordPress site has the same wp-login.php screen out of the box. It is the first thing clients, members and customers see when they sign in, and by default it is plain WordPress branding. ShoreZella Login Styler lets you make that screen yours in a few minutes.

✨ Highlights

• 🎨 Full visual control of the login page, with no code and no theme edits
• 👀 Live preview that updates the moment you change a field
• 📱 Separate desktop, tablet and mobile layouts
• 🖼️ Your own logo, background image and brand colours
• 🔒 Changes only how the page looks, never how logging in works
• 🪶 Lightweight, loads only where needed, with a clean uninstall

⚡ See your changes as you make them

A live preview sits right beside the settings and shows your real login page, updating the moment you change a field. Pick a colour and it recolours instantly. Switch the preview between desktop, tablet and mobile, zoom in to check the details, and turn on sample text to see how notices and hints will look.

Nothing is written to your site until you press Save Changes, so you can experiment as much as you like and your live login page never changes until you are happy with it.

🛠️ What you can customise

🖼️ Logo and heading

• Replace the WordPress logo with your own image
• Set the logo width and height
• Choose where the logo links to and its hover title
• Add a subheading line beneath the logo

🌅 Background

• Background colour or full-page background image
• Image position, repeat and display mode (cover, contain, stretch or default)
• Optional visual filter (blur, brightness, grayscale, sepia and more)

📐 Form layout

• Position the form left, centre or right
• Set the form width, margin and padding
• Rounded corners, opacity and a drop shadow
• Move the “Register” and “Lost your password?” links inside the form
• The language footer automatically follows the form’s alignment

🎨 Colours and text

• Input field text colour
• Label colour, size and alignment
• Button background, text and hover colours, with an optional full-width button
• Notification and error message colour and size
• Registration and hint text colour and size
• Footer link colours

🌐 Language switcher

• Show or hide the language selector
• Style its icon, dropdown and Change button
• Line up the row neatly

⚙️ Advanced

• Export your settings to a file and import them into another site

📱 Responsive, per device

Form position, width, margin and padding can each be set separately for desktop, tablet and mobile. Leave a tablet or mobile value blank and it simply follows the wider screen, so you only override what you need to.

🪶 Lightweight and tidy

• Loads only where it is needed – its styling assets are added to the login page and its own settings screen, and nowhere else on your site.
• Clean uninstall. Your settings stay untouched when you deactivate. If you would like everything removed when you delete the plugin, turn on “Delete Data on Uninstall” on the Tools tab first, otherwise nothing is left behind either way you choose.
• Translation ready, with a text domain and a bundled translation template.

ShoreZella Login Styler only changes how the login page looks. It never changes how logging in works. Your login URL, passwords and security stay exactly as WordPress and your other plugins set them up.