跳至内容
WordPress.org

China 简体中文

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

Plugin Directory

Passion Login – Custom Login Page with Live Preview

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

Passion Login – Custom Login Page with Live Preview

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

描述

Works with every theme – including block themes – because it does not depend on the classic Customizer.

Passion Login gives your WordPress login page a professional, branded look through a dedicated settings page with a live preview – no page reloads, no guesswork.

Key Features

  • Standalone Settings Page – A dedicated two-pane editor under Appearance → Login Screen: controls on the left, a live preview of your real login page on the right
  • Live Preview – Every change appears instantly in the preview, with a desktop/mobile width toggle
  • Form Themes – Light and Dark themes, including matching styles for error and status notices
  • Smart Button Colors – Pick any button color and the text automatically switches between black and white using WCAG contrast guidelines
  • Drag & Drop Images – Drop a background or logo image straight onto the picker, or choose from the Media Library
  • Auto Logo Detection – Uploads a logo image if provided, falls back to your logo text or site name
  • Block Theme Ready – The settings page works independently of the classic Customizer; a Customizer section is also included for those who prefer it

How It Works

  1. Install and activate the plugin
  2. Go to Appearance → Login Screen
  3. Adjust theme, colors, background, and logo with live preview
  4. Click Save Changes

Available Customizations

  • Form themes (Light/Dark), including themed login notices
  • Button colors with automatic text contrast
  • Background image
  • Logo image with checkerboard preview (white logos stay visible)
  • Logo text fallback

Support

Passion Login is built and maintained by Passion In Design.

For support, please contact: info@passionindesign.com

屏幕截图

Light glass theme on a coral gradient background
Light glass theme on a coral gradient background
Dark glass theme on an abstract wave background
Dark glass theme on an abstract wave background
Dark glass theme on a pink fractal background with smart button contrast
Dark glass theme on a pink fractal background with smart button contrast
Dark glass theme over an ocean swirl
Dark glass theme over an ocean swirl
Light glass theme with cherry blossoms and the text logo fallback
Light glass theme with cherry blossoms and the text logo fallback
Dark glass theme on a macro soap bubble background
Dark glass theme on a macro soap bubble background
The settings page: controls on the left, live preview of your real login page on the right
The settings page: controls on the left, live preview of your real login page on the right

安装

Automatic Installation

  1. Log in to your WordPress admin dashboard
  2. Go to Plugins → Add New
  3. Search for “Passion Login”
  4. Click “Install Now” and then “Activate”
  5. Go to Appearance → Login Screen to start customizing

Manual Installation

  1. Download the plugin zip file
  2. Upload via Plugins → Add New → Upload Plugin
  3. Activate the plugin
  4. Go to Appearance → Login Screen

常见问题

Will this plugin lock me out of WordPress?

No, the plugin only changes the visual appearance of the login page. It never affects login functionality. You can always log in normally.

Does it work with block themes?

Yes. The settings page is fully independent of the classic Customizer, so it works the same on block themes and classic themes.

Can I use my own logo?

Yes! Upload or drop your logo through the “Logo Image” picker. The plugin automatically uses it, or falls back to your logo text if no image is set. The picker previews logos on a checkerboard, so white or transparent logos stay visible.

How does smart button contrast work?

The plugin uses WCAG accessibility guidelines to automatically calculate whether black or white text provides the best contrast against your chosen button color.

Can I still use the WordPress Customizer?

Yes. A “Login Screen” section is also registered in the classic Customizer and edits the same settings.

How do I reset to the default WordPress login?

Use “Reset to Defaults” on the settings page, or simply deactivate the plugin.

评价

此插件暂无评价。

贡献者及开发者

「Passion Login – Custom Login Page with Live Preview」是开源软件。 以下人员对此插件做出了贡献。

贡献者
  • Passion

帮助将「Passion Login – Custom Login Page with Live Preview」翻译成简体中文。

对开发感兴趣吗?

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

更新日志

1.2.1

  • Fixed: the checked state of the “Remember Me” checkbox was invisible on the Light theme (WordPress draws a white check mark, and the theme made the box white too); both themes now fill the checked box in their text color with a contrasting check mark

1.2.0

  • Refined glass look for both form themes: stronger background blur, tuned panel opacity, subtle border and depth shadow
  • Light theme now stays readable over dark or busy background images
  • Added Safari support for the blur effect and a near-solid fallback for browsers without backdrop-filter
  • Fixed: the Logo Text setting now applies on the real login page (previously only the live preview showed it and the site name was always used)

1.1.2

  • Removed the Custom CSS option to comply with WordPress.org plugin directory guidelines (no arbitrary CSS input)
  • All login page and preview styles are now added through wp_add_inline_style() on enqueued stylesheets instead of printed style tags
  • Removed the load_plugin_textdomain() call and the duplicate “Tested up to” plugin header (WordPress handles both automatically)

1.1.1

  • Security hardening: escaped all CSS output, nonce-protected the login preview endpoint
  • Image pickers: checkerboard logo preview, cover-fit background preview, hover overlay with filename, drag & drop upload
  • Themed login notices (error/message/success) and password-reveal/help icons for both themes
  • Theme names simplified to “Light” and “Dark”

1.1.0

  • New standalone settings page under Appearance → Login Screen with live preview and desktop/mobile toggle
  • Works independently of the classic Customizer (block theme ready)
  • Classic Customizer integration retained as a secondary interface

1.0.0

  • Initial release

额外信息

  • 版本 1.2.1
  • 最后更新:1 周前
  • 活跃安装数量 不到10
  • WordPress 版本 6.5 或更高版本
  • 已测试的最高版本为 7.1.3
  • PHP 版本 7.4 或更高版本
  • 语言
    English (US)
  • 标签
    custom loginloginlogin customizerlogin logologin page
  • 高级视图

评级

尚未提交反馈。

您的评价

查看全部评论

贡献者

  • Passion

支持

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

查看支持论坛

  • 关于
  • 新闻
  • 主机
  • 隐私
  • 陈列窗
  • 主题
  • 插件
  • 区块样板
  • 学习
  • 支持
  • 开发者
  • 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 账号
代码如诗