콘텐츠로 바로가기
WordPress.org

한국어

  • 테마
  • 플러그인
  • 소식
    • 문서
    • 포럼
  • About
    • WordPress 6.9
    • 워드프레스 6.8
    • 워드프레스와 40% 웹을 위한 여정
    • 워드프레스 번역 핸드북
  • 워드프레스 한국팀
  • 워드프레스 받기
워드프레스 받기
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.

FAQ

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
  • 최근 업데이트: 3일 전
  • 활성화된 설치 10보다 적음
  • 워드프레스 버전 6.6 또는 그 이상
  • 다음까지 시험됨: 7.1.2
  • PHP 버전 7.4 또는 그 이상
  • 언어
    English (US)
  • 태그:
    custom loginlogin customizerlogin pageregistrationwp login
  • 고급 보기

평점

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

Your review

모든 리뷰 보기

기여자

  • sajmnantropiusovic

지원

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

지원 포럼 보기

  • 소개
  • 뉴스
  • 호스팅
  • 개인정보
  • 쇼케이스
  • 테마
  • 플러그인
  • 패턴
  • 배우기
  • 지원
  • 개발자 도구
  • WordPress.tv ↗
  • 참여하기
  • 이벤트
  • 기부하기 ↗
  • Swag ↗
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org

한국어

  • X(이전 트위터) 계정 방문하기
  • 블루스카이 계정 방문하기
  • 마스토돈 계정 방문하기
  • 스레드 계정 방문하기
  • 페이스북 페이지 방문하기
  • 인스타그램 계정 방문하기
  • LinkedIn 계정 방문하기
  • 틱톡 계정 방문하기
  • 유튜브 채널 방문하기
  • 텀블러 계정 방문하기
코드는 詩다
The WordPress® trademark is the intellectual property of the WordPress Foundation.