Title: Passion Login – Custom Login Page with Live Preview
Author: Passion
Published: <strong>2026년 10월 4일</strong>
Last modified: 2026년 10월 13일

---

플러그인 검색

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

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

# Passion Login – Custom Login Page with Live Preview

 작성자: [Passion](https://profiles.wordpress.org/passionindesign/)

[다운로드](https://downloads.wordpress.org/plugin/passion-login.1.2.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/passion-login/#description)
 * [평가](https://ko.wordpress.org/plugins/passion-login/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/passion-login/#installation)
 * [개발](https://ko.wordpress.org/plugins/passion-login/#developers)

 [지원](https://wordpress.org/support/plugin/passion-login/)

## 설명

**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](https://passionindesign.com/).

For support, please contact: info@passionindesign.com

## 스크린샷

[⌊Light glass theme on a coral gradient background⌉⌊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 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 on a pink fractal background with smart button contrast

[⌊Dark glass theme over an ocean swirl⌉⌊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⌉[

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

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

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

## FAQ

### 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 ](https://profiles.wordpress.org/passionindesign/)

[자국어로 “Passion Login – Custom Login Page with Live Preview”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/passion-login)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/passion-login/)는, [SVN 저장소](https://plugins.svn.wordpress.org/passion-login/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/passion-login/)
을 [RSS](https://plugins.trac.wordpress.org/log/passion-login/?limit=100&mode=stop_on_copy&format=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보다 적음**
 *  워드프레스 버전 ** 6.5 또는 그 이상 **
 *  다음까지 시험됨: **7.1.3**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/passion-login/)
 * 태그:
 * [custom login](https://ko.wordpress.org/plugins/tags/custom-login/)[login](https://ko.wordpress.org/plugins/tags/login/)
   [login customizer](https://ko.wordpress.org/plugins/tags/login-customizer/)[login logo](https://ko.wordpress.org/plugins/tags/login-logo/)
   [login page](https://ko.wordpress.org/plugins/tags/login-page/)
 *  [고급 보기](https://ko.wordpress.org/plugins/passion-login/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

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

[모든  리뷰 보기](https://wordpress.org/support/plugin/passion-login/reviews/)

## 기여자

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

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/passion-login/)