atshiftWordPress Plugins 製品を選ぶ atshift FieldsUser Profile FieldsFreeform LoginFeed BuilderKOTOTSUGI

LOGIN / 無料 + PRO

Freeform Login

WordPressのログイン画面を、
美しく整える。

WordPressにログインする際の画面を、プレビューしながらオリジナリティのある美しいログイン画面へカスタマイズできます。WordPress標準のパスワード認証を維持したまま、パスキーによるログイン機能も実装しています。パスキーログインボタンは、単独のショートコードを任意の場所に貼り付けて表示することも可能です。

WordPress.orgで入手 GitHub Proを購入・機能詳細をみる 導入を見る

無料版 + Proアドオン / パスキーは最大5件

PASSKEYサーバー検証のパスキーログイン

DESIGNライブプレビューで調整

WORDPRESS AUTH標準認証とパスワードを維持

SCROLL

01 / 特長

サイトの入口を、
サイトらしい画面へ。

専用プレビューを見ながら、ログイン画面全体とフォームの見た目を調整。標準認証の互換性はそのまま保ちます。

01

背景とブランド

背景色や画像、サイトタイトル、ロゴを使い、標準画面をサイト固有の入口へ変えます。

02

配置とレスポンシブ

9方向の基準位置とフォーム幅を設定し、狭い画面では利用できる幅へ自動調整します。

03

パスキーログイン

最大5件のパスキーを登録し、端末の生体認証、PIN、セキュリティキーなどで認証できます。

02 / 管理画面

確認しながら整え、
そのまま公開する。

デスクトップ、タブレット、モバイルの代表的な比率で、背景、フォーム、ボタンの見え方を有効化前に確認できます。

使い方を確認する
Freeform Loginの設定画面とライブプレビュー
デザイン設定。背景や配置を設定し、代表的な画面比率ですぐに確認できます。
パスキーボタンを備えたWordPressログイン画面
パスキーログイン登録済みの利用者は、端末に保存したパスキーでログインできます。

03 / 導入

はじめるまでを、短く。

本番サイトへ導入する前に、バックアップを取り、ステージング環境で表示と動作を確認してください。

  1. 1

    無料版を有効化

    WordPress.orgから追加し、ログインデザイン設定を開きます。

  2. 2

    プレビューで調整

    背景、ブランド、フォーム、配置を画面幅ごとに確認します。

  3. 3

    有効化して確認

    ログアウト状態の別ブラウザーで、表示と認証を確認します。

04 / PRO ADD-ON

Proは、入口の表現を
さらに細かく整えます。

無料版の設定に、ループ動画背景、拡張ロゴ、背景レイヤー、より詳細なフォーム装飾を加えます。

PRO 01

ループ動画背景

軽量な動画を背景に使い、表示位置やサイズを設定できます。

PRO 02

フォーム背景レイヤー

グラス、矩形、縦帯などを背景とフォームの間に配置します。

PRO 03

拡張ブランド設定

高さのあるロゴや説明テキストを、入口の構成に合わせて調整します。

PRO 04

細かな装飾設定

入力欄、ボタン、影、リンクなどを、サイトの表現へさらに近づけます。

PRO ADD-ON / 買い切り

1サイト $9.99 / 買い切り

無料版と組み合わせて使う、1サイト向けの買い切りアドオンです。購入後にPro ZIPとライセンスキーを受け取れます。

Proを購入・機能詳細をみる 料金・購入へ

06 / FAQ

導入前の確認。

機能、互換性、利用範囲についてよく確認される内容です。

いいえ。WordPress標準の認証フローとパスワードログインを保ったまま、画面とパスキー機能を追加します。1ユーザーにつき最大5件です。登録画面には0/5〜5/5件の現在数を表示します。はい。ショートコードで完全なログインフォーム、またはパスキーボタンだけを配置できます。いいえ。基本デザイン、ショートコード、パスキーは無料版で利用できます。Proは見た目をさらに拡張するアドオンです。

WORDPRESS PLUGINS BY @SHIFT

Freeform Loginを、
サイトの運用へ。

まずはステージング環境で、実際の運用に合うかを確認してください。

WordPress.orgで入手Proを購入・機能詳細をみる