Chuyển đến phần nội dung
WordPress.org

tiếng Việt

  • Giao diện
  • Plugin
  • Tin tức
    • Tài liệu hướng dẫn
    • Diễn đàn
  • Giới thiệu
  • Facebook #WPVN
  • Tải WordPress
Tải WordPress
WordPress.org

Plugin Directory

WP Custom Login

  • Gửi một plugin
  • Yêu thích của tôi
  • Đăng nhập
  • Gửi một plugin
  • Yêu thích của tôi
  • Đăng nhập

WP Custom Login

Bởi Teydea Studio
Tải về
Xem trước trực tiếp
  • Chi tiết
  • Đánh giá
  • Cài đặt
  • Nhà phát triển
Hỗ trợ

Mô tả

WP Custom Login lets you fully customize the WordPress login page to match your brand identity.

Whether you run a single site or a multisite network, this plugin gives you control over every visual element of the login screen — from the logo and background to form fields, buttons, links, and more.

Key benefits:

  • Adjust colors, fonts, spacing, and layout of every login page element without writing CSS.
  • Add your logo, social media links, and custom footer to create a branded login experience.
  • Support for multilingual sites with per-language text customization for labels, buttons, and notices.
  • Works with WordPress multisite networks for consistent branding across all sites.

WP Custom Login is a good fit for freelancers, agencies, and organizations that want a professional, branded login page. It includes a live preview in the admin settings, so you can see your changes before they go live.

Learn more at wpcustomlogin.com.

Features

Free Features

  • Body background color — Set a custom background color for the login page.
  • Custom logo — Replace the WordPress logo with your site icon or a custom image, and configure its link URL and alignment.
  • Form container styling — Customize the form background color, border radius, padding, box shadow, and alignment.
  • Label styling — Adjust font size, weight, letter case, spacing, text color, and toggle label visibility.
  • Input field styling — Set background colors, borders, padding, font, shadow, and placeholder text for normal, hover, and focus states.
  • Checkbox styling — Apply custom colors to the login form checkboxes and checkmark icon.
  • Primary button styling — Customize colors, font, size, width, alignment, shadow, and per-language button labels.
  • Secondary button styling — Configure colors, font, border, and per-language labels for secondary buttons.
  • Notice and error styling — Set colors for error, notice, and success messages, and add a custom persistent notice with per-language text.
  • Under-form links — Customize link colors, separator, disable the “Back to” link, or add custom links.
  • Social media icons — Display up to 23 social media icon links (Facebook, X, Instagram, LinkedIn, YouTube, GitHub, and more), placed before the form, after the form, or in the footer.
  • Privacy policy link — Show or hide the privacy policy link and set its color.
  • Language switcher — Show or hide the WordPress language switcher and adjust its icon color and spacing.
  • Custom footer — Add a footer with configurable text, font, color, and alignment.
  • Custom CSS — Add your own CSS for additional styling.
  • Live preview — See your changes in real time within the admin settings page.
  • Disable autofocus — Turn off the default autofocus behavior on the login form.
  • Disable error shake — Turn off the shake animation on failed login attempts.
  • Disable autocomplete — Prevent browsers from auto-filling the login form.
  • Per-language text — Customize labels, placeholders, button text, and notices for each language on multilingual sites.
  • “Remember Me” customization — Show or hide the “Remember Me” checkbox and set custom label text per language.

PRO Features

  • Pre-designed templates — Choose from 20+ ready-made login page designs and apply them with one click.
  • Advanced backgrounds — Use animated gradients, image slideshows, or split-screen layouts as your login page background.
  • Post-login redirects — Redirect users to specific pages after login based on their roles.
  • Premium support — Get direct support from the development team.

Ảnh màn hình

The settings page with the Design tab open, showing all customizable elements and a live preview of the login page.
The settings page with the Design tab open, showing all customizable elements and a live preview of the login page.
Background and form container settings with color picker and background image options.
Background and form container settings with color picker and background image options.
The Functionality tab with options to disable autofocus, autocomplete, and the login error shake effect.
The Functionality tab with options to disable autofocus, autocomplete, and the login error shake effect.
Under-form links settings with custom link management, text alignment, separator, and color options.
Under-form links settings with custom link management, text alignment, separator, and color options.
Primary button styling with color controls for normal, hover, and focus states, plus font family and weight options.
Primary button styling with color controls for normal, hover, and focus states, plus font family and weight options.

Cài đặt

  1. Upload the bm-custom-login directory to /wp-content/plugins/.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Go to “Settings” > “WP Custom Login” to open the settings page.
  4. Use the visual controls to customize your login page. Changes are shown in the live preview on the right side of the settings page.
  5. Save your settings. Your customized login page is now live.

Hỏi đáp

How do I access the settings?

After activation, go to “Settings” > “WP Custom Login” in the WordPress admin. The settings page provides visual controls for every element of the login page, along with a live preview.

Does this plugin work with WordPress multisite?

Yes. WP Custom Login supports WordPress multisite networks and can be activated network-wide. Each site in the network can have its own login page customization.

Can I customize login page text for multiple languages?

Yes. Labels, placeholders, button text, and custom notices all support per-language configuration. This is useful if your site serves visitors in more than one language.

Will my customizations be lost if I update the plugin?

No. All your settings are stored in the WordPress database and are not affected by plugin updates.

What is the difference between the free and PRO versions?

The free version gives you full control over colors, fonts, layout, logo, social icons, and form styling. The PRO version adds pre-designed templates, advanced background options (animated gradients, slideshows, split-screen), post-login redirects by user role, and premium support. See the pricing page for details.

Can I add custom CSS to the login page?

Yes. The settings page includes a custom CSS field where you can add any additional styles that go beyond what the visual controls offer.

Where can I find the unminified source code?

All source ships with the plugin: the plugin’s own JavaScript is in src/, and the bundled @teydeastudio/components and @teydeastudio/utils libraries are in deps/js/components/src/ and deps/js/utils/src/. To rebuild, install Node.js 20 and run npm install && npm run build in the plugin directory.

Đánh giá

goldilocks

Stoob 31 Tháng 10, 2020
Not too much, not to little, just right. Allows for custom logo, font and button, and a little extra CSS if needed. Based on the size of your logo you will need to adjust the background position and/or margins of the #login but with a few tweaks it looks great.

Really like this plugin

9 Tháng 10, 2016
The best and most effective plugins are those who are simple, easy to use and do what they promise. This is one of them. I have used it for years in every site I’ve done. Others that I’ve tried add too many options that are not needed and thus become complicated. Today’s version has it all and it couldn’t be easier to create a nice, customized login screen. You can go crazy with your own CSS, but you don’t have to. Besides a nice login screen you can add a line that shows at the bottom of the dashboard with your support contact information, so that users have it in front of them when they need it. A very nice touch! Thanks.

Simply Cool

Akawey 3 Tháng 9, 2016
Simple and cool plugin. Always one of my first choices when building a website.

supb, excellent

Himanshu 3 Tháng 9, 2016
supb, excellent Plugin

Works 4 me

netgoblin 3 Tháng 9, 2016
Checked several plugs, only this worked for me. Don’t know why… Ignore the settings, add custom CSS and go!
Đọc tất cả 15 đánh giá

Người đóng góp & Lập trình viên

“WP Custom Login” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp
  • Teydea Studio
  • Bartosz Gadomski
  • binarymoon

“WP Custom Login” đã được dịch qua 4 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “WP Custom Login” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

3.2.1 (2026-06-25)

  • Fixed images and template slider backgrounds not rendering in the sandboxed login-page preview

3.2.0 (2026-06-22)

  • Security fix: prevent stored CSS injection on the login page by sanitizing custom color and box-shadow values on save
  • New margin controls for the login-page logo (top, right, bottom, and left)
  • Fixed the custom logo being cropped to a 150px thumbnail; the full-size image is now rendered
  • Settings page tabs are now reflected in the URL, so a tab can be bookmarked and shared
  • Added a clear admin notice for unmet server requirements (minimum PHP/WordPress version, required extensions)
  • Dependencies updated
  • Code improvements

3.1.0 (2026-04-16)

  • Compatibility with WordPress 7.0 confirmed
  • Unnecessary translation files removed since these are loaded from WordPress.org
  • Added missing styles to the checkbox field
  • Fix font family issue on the password field
  • Added support for choosing different WordPress logo color (blue vs. gray)
  • Dependencies updated
  • Code improvements

3.0.0 (2026-03-04)

  • Complete plugin rebuild with a modern, React-based settings page and live preview
  • Add granular styling controls for form container, labels, input fields, checkboxes, and buttons (including separate hover and focus states)
  • Add primary and secondary button customization with font, color, size, width, and alignment options
  • Add notice and error message styling with support for custom persistent notices
  • Add social media icon links (23 platforms) with configurable placement
  • Add under-form link customization with custom links, separator styling, and option to disable the “Back to” link
  • Add custom footer with configurable text, font, color, and alignment
  • Add privacy policy link and language switcher visibility and styling controls
  • Add “Remember Me” checkbox show/hide toggle with custom label text
  • Add per-language text customization for labels, placeholders, button text, and notices
  • Add functionality options: disable autofocus, disable error shake, disable autocomplete
  • Add logo alignment, link configuration, and site icon as logo source option
  • Improve background image controls with focal point, size, and repeat options
  • Migrate existing settings from previous versions automatically

2.4.0 (2024-10-16)

  • Create changelog.txt file and add all missing records
  • Update readme.txt file, list of contributors, tags, and the plugin author data
  • Remove promotional contents
  • Drop csstidy entirely and use similar approach for css sanitization as in WordPress core
  • Remove invalid plugin uri header
  • Bump tested-up-to version to WordPress 6.6
  • Fix security issues
  • Load plugin stylesheet through login_enqueue_scripts hook

2.3.2 (2021-07-14)

  • Fix errant comma that caused a 500 error on some servers

2.3.1 (2021-07-13)

  • Fix PHP error for missing settings

2.3 (2021-03-09)

  • Display the “powered by” text underneath the login form to ensure it is visible. It can be targetted with CSS using .cl-powered-by

2.2.5 (2020-06-17)

  • Fix implode parameter order

2.2.4 (2020-03-05)

  • Update CSSTidy to latest version

(For older records, see the changelog.txt file).

Meta

  • Phiên bản 3.2.1
  • Cập nhật lần cuối 3 tuần trước
  • Số lượt cài đặt 10.000+
  • Phiên bản WordPress 6.6 hoặc cao hơn
  • Đã kiểm tra lên đến 7.0.1
  • Phiên bản PHP 7.4 hoặc cao hơn
  • Ngôn ngữ

    English (UK), English (US), German, Russian, và Ukrainian.

    Dịch sang ngôn ngữ của bạn

  • Thẻ
    brandingcustom loginlogin customizerlogin logologin page
  • Nâng cao

Đánh giá

4.8 trên 5 sao.
  • 13 5-star reviews 5 sao 13
  • 0 4-star reviews 4 sao 0
  • 0 3-star reviews 3 sao 0
  • 1 2-star review 2 sao 1
  • 0 1-star reviews 1 sao 0

Your review

Xem tất cả đánh giá

Những người đóng góp

  • Teydea Studio
  • Bartosz Gadomski
  • binarymoon

Hỗ trợ

Các lỗi đã xử lý trong vòng hai tháng gần đây:

2 trên 2

Xem diễn đàn hỗ trợ

  • Giới thiệu
  • Tin tức
  • Lưu trữ
  • Quyền riêng tư
  • Trưng bày
  • Giao diện
  • Plugin
  • Mẫu khối
  • Học hỏi
  • Hỗ trợ
  • Nhà phát triển
  • WordPress.tv ↗
  • Tham gia
  • Sự kiện
  • Quyên góp ↗
  • Năm cho Tương lai
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org

tiếng Việt

  • Truy cập tài khoản X (trước đây là Twitter) của chúng tôi
  • Visit our Bluesky account
  • Visit our Mastodon account
  • Visit our Threads account
  • Xem trang Facebook của chúng tôi
  • Truy cập tài khoản Instagram của chúng tôi
  • Truy cập tài khoản LinkedIn của chúng tôi
  • Visit our TikTok account
  • Truy cập kênh YouTube của chúng tôi
  • Visit our Tumblr account
Viết code như làm thơ.
The WordPress® trademark is the intellectual property of the WordPress Foundation.