Elementorでログインページを作成する方法

でログインページを作成する方法を知りたいですか Elementor ?

WordPressでは、あなたは行くことができます yourdomain.com/wp-login.phpで Webサイトのログインページに移動します。複数の作成者/ユーザーがいる大規模なWebサイトがある場合は、独自のデザインでカスタムログインページを作成して、Webサイトのブランドアイデンティティを強化することをお勧めします。

とともに Elementorを使用すると、追加のプラグインをコーディングしたりインストールしたりすることなく、WordPress ウェブサイト用のカスタムログインページを簡単に作成できます。

Elementor には、カスタムログインページの作成に使用できるウィジェット (ログインウィジェット) があります。 Elementor ログインページのテンプレートも提供されているため、ログインページをすぐに作成できます。

ElementorでカスタムWordPressログインページを作成する方法

ログインウィジェットはElementorProでのみ利用可能であることに注意してください。したがって、カスタムログインページを作成する前に、Elementorをプロバージョンにアップグレードする必要があります。

1.テンプレートからログインページを作成する方法

前述のように、Elementorには、パーソナライズされたログインページをすぐに作成できるテンプレートが用意されています。使用するには、新しいページを作成することから始めます（ページ->追加）と Elementorで変更する.

Elementorエディターで、フォルダーアイコンをクリックしてモデルライブラリを開きます。

カスタムログインページテンプレートを探します。検索ボックスを使用して、作業を容易にすることができます。気に入ったモデルが見つかったら、その上にマウスを置いてボタンをクリックします。 インサート。

Elementorがモデルのロードを完了するまでしばらく待ちます。モデルがロードされたら、をクリックできます 出版します それを公開します。

ほら。

ページを表示するには、左パネルの上隅にあるXNUMX本の線のアイコンをクリックして選択します。 ページを表示.

そして、あなたが私たちと同じモデルを選んだ場合の最終結果はここにあります。

2.カスタムログインページを最初から作成する方法

独自のログインページデザインが必要な場合は、カスタムログインページを最初から作成することもできます。開始するには、新しいページを作成し、Elementorで編集します。

Elementorエディターで、プラスアイコンをクリックして新しいセクションを追加します。作成するデザインに基づいて列構造を選択できます。

セクションの準備ができたら、左側のパネルからキャンバス領域にドラッグして接続ウィジェットを追加します。

タブに移動します中身左側のパネルで基本的なオプションを設定します。操作できるオプションブロックは3つあります。

1.フォームフィールド

このブロックを開いて、タグを有効/無効にしたり、入力サイズを設定したりできます。

2.ボタン

このブロックを開いて、ボタンのテキスト、ボタンのサイズ、およびボタンの配置を設定できます。

3.追加オプション

このブロックを開いて、リンクなどのログインページの要素を有効/無効にすることができます Mパスワードを紛失したとオプション 私を覚えてますか。 ログインページを作成したいので、 アクティブ オプション Redirect After Login WordPressダッシュボードのURLを貼り付けます（yourdomain.com/wp-admin）利用可能なフィールド。オプションを有効にすることもできます ログアウト後にリダイレクトする あなたがそれを望むなら。