atshiftWordPress Plugins 製品を選ぶ atshift FieldsUser Profile FieldsFreeform LoginFeed BuilderKOTOTSUGIatshift Members
EN

LOGIN / 無料 + PRO

Freeform Login

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

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

WordPress.orgで入手 GitHub Proアドオンの機能を見る・試用する 導入を見る

パスキー機能つき

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

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

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

SCROLL

01 / 特長

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

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

このプラグインでできること

  • ログイン画面を美しくリデザインしたい場合
  • WordPress標準のログイン画面を、サイトの背景色・画像・ブランドに合わせたい場合
  • ログインフォームの位置と幅を調整し、スマートフォンでも見やすくしたい場合
  • デスクトップ・タブレット・モバイルの表示を、公開前にプレビューしたい場合
  • WordPress標準のパスワード認証やJetpack SSOを保ったまま、画面だけを整えたい場合
  • 固定ページなどへ、サイトと同じ表現のログインフォームを設置したい場合
  • 利用者が生体認証・PIN・セキュリティキーでログインできるパスキーを追加したい場合
  • 既存のログインフォームへ、パスキーログインボタンだけを追加したい場合
01

背景とブランド

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

02

配置とレスポンシブ

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

03

パスキーログイン

WordPressユーザーアカウント一人につき5件まで登録可能。端末の生体認証、PIN、セキュリティキーなどで認証できます。

02 / 管理画面

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

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

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

03 / 導入

はじめるまでを、短く。

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

  1. 1

    無料版を有効化

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

  2. 2

    プレビューで調整

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

  3. 3

    有効化して確認

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

04 / PRO ADD-ON

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

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

Proアドオンでできること

  • ログイン画面の背景に、軽量なループ動画を使いたい場合
  • 横長・縦長のロゴを、縦横比を保って配置したい場合
  • 25か所の基準位置と数値オフセットで、フォームの位置を追い込みたい場合
  • 写真や動画の上でも文字を読みやすくする、グラスや帯の背景レイヤーを追加したい場合
  • フォームの透明度・角丸・枠線・影を、デザインに合わせて調整したい場合
  • リンクやボタンのホバー・押下時の色、言語切替の表示まで個別に整えたい場合
PRO 01

ループ動画背景

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

PRO 02

フォーム背景レイヤー

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

PRO 03

拡張ブランド設定

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

PRO 04

細かな装飾設定

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

7-DAY PRO TRIAL / カード不要

まずは7日間、無料で確認

クレジットカード登録と自動課金はありません。試用後も無料版と保存済みのPro設定値はそのまま残ります。

Proを購入・機能詳細をみる 7日間無料で試す

05 / ガイド

導入から活用まで、
順番に確認。

必要な情報へ迷わず進めるよう、設定、出力、連携に分けて案内します。

DESIGNデザイン設定背景・ブランド・フォームSHORTCODEショートコードサイト内へログインを配置PASSKEYパスキーの使い方登録・管理・ログインPROPro機能購入方法と追加の表現・設定

06 / FAQ

導入前の確認。

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

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

WORDPRESS PLUGINS BY @SHIFT

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

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

WordPress.orgで入手 Proアドオンの機能を見る・試用する