外掛說明
LoginKit — Login Page Customizer lets you design a beautiful, branded login page for your WordPress site without writing a single line of code.
Your login page is the first thing users see. With this plugin, you can replace the default WordPress look with something that actually matches your brand. Upload your own logo, set your brand colors, pick a font, add a background image — all from a simple settings page in your dashboard.
Whether you run a membership site, a client project, or a personal blog, this plugin gives you full control over the /wp-login.php page look and feel.
What You Can Customize
Logo
* Upload your own logo or use any image URL
* Control logo width, height, and bottom spacing
* Set a custom link and hover title for the logo
* Hide the logo entirely if you don’t need one
Background
* Set a solid background color
* Use a background image with full control over size, repeat, position, and attachment
* Add a color overlay on top of the background image with adjustable opacity
Login Form
* Change the form background color
* Control form width, padding, and border radius
* Add a custom border with your preferred color and width
* Add or remove the drop shadow around the form
* Adjust the vertical position of the form on the page
Input Fields
* Customize label color, font size, and font weight
* Set input background color, text color, and border styling
* Control input border radius and padding
* Customize the focus state border color and glow
Login Button
* Set button background and text color
* Customize hover background and text color
* Control button font size, font weight, border radius, and padding
* Add text transform (uppercase, lowercase, capitalize)
* Add a custom box-shadow to the button
Links
* Set the color and hover color for all links
* Control link font size and text decoration
Typography
* Choose from 10+ pre-loaded fonts including Inter, Poppins, Roboto, Open Sans, Lato, Montserrat, Raleway, Georgia, and more
* Use any Google Font by pasting in a Google Fonts URL and entering the font name
Messages
* Add a custom welcome message above the login form
* Customize the colors for regular messages, error messages, and success messages (background, border, and text)
Page Elements
* Show or hide the “Remember Me” checkbox
* Show or hide the “Lost your password?” link
* Show or hide the “Back to [Blog]” link
* Add custom footer text with your own color and font size
Who Is This For?
- Agencies & Freelancers — Deliver a white-labeled login page to every client
- Membership & LMS Sites — Keep your brand consistent all the way through login
- Businesses — Replace the WordPress logo with your own and match your company style
Features at a Glance
- 70+ settings across 9 organized sections
- 29 color pickers for precise color control
- No page builder required
- Lightweight — settings saved directly to the WordPress options table
- Fully translatable (
.potfile included) - Works with any theme
External services
This plugin can load a font stylesheet from Google Fonts, a third-party service. This only happens when a site administrator saves a Google Fonts URL in the plugin’s Typography settings — the feature is optional and disabled by default.
When enabled, the browser of anyone visiting the login page requests the stylesheet and font files from fonts.googleapis.com and fonts.gstatic.com, which sends that visitor’s IP address and standard browser request headers to Google. No other data is transmitted.
Service: Google Fonts — https://fonts.google.com
Terms of service: https://developers.google.com/fonts/terms
Privacy policy: https://policies.google.com/privacy
安裝方式
- Upload the
loginkit-login-page-customizerfolder to the/wp-content/plugins/directory, or install the plugin directly from the WordPress plugin screen. - Activate the plugin through the Plugins menu in WordPress.
- Go to Settings > LoginKit to start designing your login page.
- Visit your login page at
yoursite.com/wp-login.phpto see your changes live.
常見問題集
-
Will this plugin work with my theme?
-
Yes. The plugin only modifies the WordPress login page (
wp-login.php), which is separate from your theme. It works with all themes. -
Do I need to know how to code?
-
No. Every setting has a user-friendly control — color pickers, dropdowns, number inputs.
-
Where do I find the settings?
-
After activation, go to Settings > LoginKit in your WordPress admin.
-
Will my customizations be lost when I update the plugin?
-
No. All your settings are saved to the WordPress database (options table), not inside plugin files. Updates will not affect your settings.
-
Can I use my own Google Font?
-
Yes. In the Typography section, paste your Google Fonts stylesheet URL into the “Google Font URL” field, then type the font’s name into the “Custom Font Name” field.
-
Can I hide the WordPress logo?
-
Yes. In the Logo section, check the “Hide Logo” option to remove it completely, or replace it with your own by entering a custom image URL.
-
Is this plugin compatible with WordPress multisite?
-
The plugin is designed for single-site installs. Multisite compatibility has not been tested in this version.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.0
- Initial release
- Logo customization (URL, size, link, title, hide option)
- Background color, image, overlay controls
- Form container styling (color, width, padding, border, shadow, position)
- Input field and label styling
- Login button full styling with hover states
- Link color and decoration controls
- Typography with 10+ font options and Google Fonts support
- Custom welcome message and message/error/success color controls
- Show/hide page elements (Remember Me, Lost Password, Back to Blog)
- Custom footer text with color and size control
- Full translation support