Title: Latchkey | Custom Login Page Designer
Author: sajmnantropiusovic
Published: <strong>27 Tháng 9, 2026</strong>
Last modified: 27 Tháng 9, 2026

---

Tìm kiếm plugin

![](https://ps.w.org/latchkey/assets/banner-772x250.png?rev=3715337)

![](https://ps.w.org/latchkey/assets/icon-256x256.png?rev=3715337)

# Latchkey | Custom Login Page Designer

 Bởi [sajmnantropiusovic](https://profiles.wordpress.org/sajmnantropiusovic/)

[Tải về](https://downloads.wordpress.org/plugin/latchkey.1.0.1.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/latchkey/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/latchkey/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/latchkey/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/latchkey/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/latchkey/)

## Mô tả

Your login page is the first screen many people see of your site, and by default
it is the same grey box as everyone else’s. Latchkey lets you design it — colours,
background, card, fields, button, typography, logo — and see the result on the real
page while you work.

#### Two things make it different

**The preview is the real page.** The panel loads your actual `wp-login.php` in 
a frame and updates it as you drag a slider. There is no second rendering path that
can drift from what visitors get, so what you approve is what ships.

**It never touches how logging in works.** Every form stays the form WordPress rendered,
posting where WordPress told it to post. No custom sign-in handling, no password
processing, no session code. That is why Latchkey keeps working next to your two-
factor and security plugins instead of fighting them — and why it cannot lock you
out.

#### Nothing is held back

There is no licence key, no trial and no setting that stops halfway. Every template,
every colour, every control in this plugin works on every install.

#### What you can change

 * Four templates to start from, every one of them fully editable
 * Three arrangements: centred card, split screen, full screen
 * Backgrounds: solid colour, animated gradient, aurora, mesh, or your own image
 * Every colour, with no restrictions
 * Card surface, opacity, glass blur, corner radius, width and padding
 * Field style, height, corner radius, floating labels and icons
 * Button colours, size, corner radius and hover behaviour
 * Typography and logo
 * Which elements appear: remember me, navigation links, back-to-site link

#### Built to behave

 * No external requests. Nothing is loaded from a font CDN or an analytics endpoint.
 * No tracking, no telemetry, no phoning home.
 * One database row. Uninstalling removes it.
 * Respects `prefers-reduced-motion`, and offers its own switch for people who want
   animation off regardless.
 * Contrast is checked as you design, against WCAG AA and AAA.
 * The interim login modal inside wp-admin is left alone, because a full-screen 
   design would break it.

#### About the password strength meter

The meter is drawn by this plugin but scored by WordPress core, using the zxcvbn
library that already ships with WordPress. The calculation happens entirely in the
browser. This plugin reads the resulting rating, not the password: it watches the
class name core writes and mirrors it onto a segmented bar. No password value is
read, stored, logged or transmitted by Latchkey.

The meter appears where WordPress creates a password — the “set a new password” 
screen. It never appears on the sign-in form, where showing an assessment of an 
existing password would tell you nothing useful.

## Ảnh màn hình

[⌊The design panel, with the live preview of the real login page beside it⌉⌊The 
design panel, with the live preview of the real login page beside it⌉[

The design panel, with the live preview of the real login page beside it

[⌊Midnight Aurora, with the background controls open⌉⌊Midnight Aurora, with the 
background controls open⌉[

Midnight Aurora, with the background controls open

[⌊Sunset Split, with the brand panel shown beside the form⌉⌊Sunset Split, with the
brand panel shown beside the form⌉[

Sunset Split, with the brand panel shown beside the form

[⌊Studio Glass over an image of your own⌉⌊Studio Glass over an image of your own⌉[

Studio Glass over an image of your own

[⌊Clean Slate, a light design with motion switched off⌉⌊Clean Slate, a light design
with motion switched off⌉[

Clean Slate, a light design with motion switched off

[⌊Contrast measured against WCAG AA and AAA as you choose colours⌉⌊Contrast measured
against WCAG AA and AAA as you choose colours⌉[

Contrast measured against WCAG AA and AAA as you choose colours

## Cài đặt

 1. Upload the plugin folder to `/wp-content/plugins/`, or install it through Plugins
    Add New.
 2. Activate it.
 3. Open **Latchkey** in the admin menu and design.

## Hỏi đáp

### Does this change how logging in works?

No. The plugin never touches authentication. It styles the page around the native
forms.

### Will it conflict with my security or two-factor plugin?

It should not. Because the native markup is preserved, plugins that add fields, 
checks or messages to the login form continue to work; their additions simply inherit
the design.

### What happens to my design if I deactivate the plugin?

The login screen returns to the WordPress default immediately. Nothing is left behind
in your theme or in wp-login.php.

### Can I preview the registration screen even though registration is closed?

Yes, inside the admin preview. That preview is restricted to administrators and 
cannot create accounts.

### Does it work with a renamed login URL?

Yes. Plugins that move `wp-login.php` to an address of your choosing still render
the same page underneath, so the design applies there too.

### Will it slow my login page down?

The stylesheet is a single cached file and the per-site part is about a kilobyte
written inline. Nothing is fetched from anywhere else.

### Can I move my design to another site?

Yes. Export writes a JSON file of every setting and import reads it back. Uploaded
images live in each site’s own media library, so pick those again on the new site.

## Đánh giá

Không có đánh giá nào cho plugin này.

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

“Latchkey | Custom Login Page Designer” 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

 *   [ sajmnantropiusovic ](https://profiles.wordpress.org/sajmnantropiusovic/)

[Dịch “Latchkey | Custom Login Page Designer” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/latchkey)

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

[Duyệt code](https://plugins.trac.wordpress.org/browser/latchkey/), check out [SVN repository](https://plugins.svn.wordpress.org/latchkey/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/latchkey/)
qua [RSS](https://plugins.trac.wordpress.org/log/latchkey/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.0.1

 * First public release.

## Meta

 *  Phiên bản **1.0.1**
 *  Cập nhật lần cuối **3 ngày trước**
 *  Số lượt cài đặt **Ít hơn 10**
 *  Phiên bản WordPress ** 6.6 hoặc cao hơn **
 *  Đã kiểm tra lên đến **7.1.2**
 *  Phiên bản PHP ** 7.4 hoặc cao hơn **
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/latchkey/)
 * Thẻ
 * [custom login](https://vi.wordpress.org/plugins/tags/custom-login/)[login customizer](https://vi.wordpress.org/plugins/tags/login-customizer/)
   [login page](https://vi.wordpress.org/plugins/tags/login-page/)[registration](https://vi.wordpress.org/plugins/tags/registration/)
   [wp login](https://vi.wordpress.org/plugins/tags/wp-login/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/latchkey/advanced/)

## Đánh giá

Chưa có đánh giá nào được gửi.

[Your review](https://wordpress.org/support/plugin/latchkey/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/latchkey/reviews/)

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

 *   [ sajmnantropiusovic ](https://profiles.wordpress.org/sajmnantropiusovic/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/latchkey/)