跳至内容
WordPress.org

China 简体中文

  • 主题
  • 插件
  • 新闻
    • 文档
    • 论坛
  • 关于
  • 获取 WordPress
获取 WordPress
WordPress.org

Plugin Directory

Latchkey | Custom Login Page Designer

  • 提交插件
  • 我的收藏
  • 登录
  • 提交插件
  • 我的收藏
  • 登录

Latchkey | Custom Login Page Designer

作者:sajmnantropiusovic
下载
  • 详情
  • 评价
  • 安装
  • 开发进展
支持

描述

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.

屏幕截图

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
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
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

安装

  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.

常见问题

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.

评价

此插件暂无评价。

贡献者及开发者

「Latchkey | Custom Login Page Designer」是开源软件。 以下人员对此插件做出了贡献。

贡献者
  • sajmnantropiusovic

帮助将「Latchkey | Custom Login Page Designer」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志。

更新日志

1.0.1

  • First public release.

额外信息

  • 版本 1.0.1
  • 最后更新:2 周前
  • 活跃安装数量 不到10
  • WordPress 版本 6.6 或更高版本
  • 已测试的最高版本为 7.1.3
  • PHP 版本 7.4 或更高版本
  • 语言
    English (US)
  • 标签
    custom loginlogin customizerlogin pageregistrationwp login
  • 高级视图

评级

尚未提交反馈。

您的评价

查看全部评论

贡献者

  • sajmnantropiusovic

支持

有话要说吗?是否需要帮助?

查看支持论坛

  • 关于
  • 新闻
  • 主机
  • 隐私
  • 陈列窗
  • 主题
  • 插件
  • 区块样板
  • 学习
  • 支持
  • 开发者
  • WordPress.tv ↗︎
  • 参与
  • 活动
  • 捐赠 ↗
  • 周边商品 ↗
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org

China 简体中文

The WordPress® trademark is the intellectual property of the WordPress Foundation.

  • 关注我们的 X(原 Twitter)账号
  • 访问我们的 Bluesky 账号
  • 关注我们的 Mastodon 账号
  • 访问我们的 Threads 账号
  • 访问我们的 Facebook 公共主页
  • 关注我们的 Instagram 账号
  • 关注我们的 LinkedIn 主页
  • 访问我们的 TikTok 账号
  • 访问我们的 YouTube 频道
  • 访问我们的 Tumblr 账号
代码如诗