最も必要な時に、信頼できるWordPressチュートリアルを。
WordPress初心者向けガイド
WPBカップ
2500万以上
当社のプラグインを使用しているウェブサイト
16+
年のWordPress経験
3000+
専門家によるWordPressチュートリアル

初心者向け究極ガイド:カスタムWordPressログインページ作成方法

一般的なWordPressログインページは、特にメンバーシップサイト、オンラインコース、またはユーザーが定期的にログインするサイトを運営している場合、場違いに感じられることがあります。

多くの場合、それはサインアップ後の最初の印象であり、それがシンプルに見えたり、サイトの他の部分から切り離されていたりすると、信頼性を損なったり、体験が乱雑に感じられたりする可能性があります。

ログインページをカスタマイズすることは、ブランドを強化し、よりプロフェッショナルなユーザーエクスペリエンスを作成し、さらには追加のセキュリティを付加するための、シンプルでありながら強力な方法です。

WPBeginnerで無料のWordPressビデオトレーニングを開始したとき、私たちはこれを直接目にしました。ブランド化されたログインページは、すべてをよりまとまりのあるものにし、ユーザーに最初からより良い体験を提供しました。

このガイドでは、独自のカスタムWordPressログインページを作成する方法を説明します。初心者向けの簡単な方法と高度な方法の両方を学ぶことができるので、サイトに最適なアプローチを選択できます。

カスタムWordPressログインページを作成する方法(究極ガイド)

💡クイックアンサー:WordPressログインページのカスタマイズに最適な方法

お急ぎの場合は、ログインページをカスタマイズするための3つの最良の方法の簡単な概要を以下に示します。

  • ページビルダーを使用する(総合的に最適):SeedProdの使用をお勧めします。これは、コードを書かずに、完全にカスタムなログインページをゼロからデザインするための、ビジュアルなドラッグ&ドロップビルダーを提供します。
  • フォームビルダーを使用する(埋め込みに最適):既存のページやサイドバーにカスタムログインフォームを埋め込みたい場合は、WPFormsが最も柔軟なソリューションです。
  • 無料プラグインを使用する(基本的な選択肢):単にログインページを現在のテーマのヘッダーとフッターに合わせたいだけであれば、Theme My Loginは良い無料の選択肢です。

このガイドから学べることは以下の通りです:

カスタムWordPressログインページを作成する理由

WordPressウェブサイトには、強力なユーザー管理システムが付属しています。これにより、ユーザーはeコマースストア、会員制ウェブサイト、ブログでアカウントを作成できます。

デフォルトでは、ログインページにはWordPressのブランディングとロゴが表示されます。これは、管理者権限を持つのがあなた一人だけの場合や、ユーザーが非常に少ない場合には問題ありません。

標準のWordPressログイン画面の例

しかし、あなたのウェブサイトがユーザー登録を許可している場合、カスタムログインページはより良いユーザーエクスペリエンスを提供します。

WordPressログイン画面があなたのウェブサイトと全く似ていない場合、一部のユーザーは疑念を抱くかもしれません。あなたのビジネスロゴやデザインを使用すれば、彼らはより安心するでしょう。

最後に、デフォルトのログイン画面にはログインフォームしか表示されません。カスタムログインページを作成することで、そのスペースを他のページや特別オファーのプロモーションに使用できます。

そのため、ユーザーがログインフォームとやり取りする必要があるすべてのウェブサイトで、カスタムログインページを使用しています。

例えば、これはWPBeginnerのトレーニングビデオウェブサイトで使用しているカスタムログインページです。

WPBeginner WordPressトレーニングビデオサイトではカスタムログインページを使用しています

それでは、カスタムWordPressログインページのデザイン例をいくつか見てみましょう。

WordPressログインページのデザイン例

ウェブサイト所有者は、さまざまなスタイルやテクニックを使用してWordPressログインページをカスタマイズできます。

ウェブサイトのテーマや色を使用したカスタムログインページを作成する人もいれば、カスタム背景、色、ロゴを追加してデフォルトのログインページを変更する人もいます。

可能なことの例をいくつかご紹介します。

WPForms

WPFormsカスタムログインページの例

WPFormsは、市場で最高のWordPressお問い合わせフォームプラグインです。彼らのプラグインには、美しいWordPressログインおよび登録フォームを作成するためのアドオンも含まれており、この記事の後半でご紹介します。

彼らのカスタムログインページは、2列のレイアウトを使用しています。左側の列にはログインフォームがあり、右側の列にはプロモーションやその他の行動喚起が強調されています。

上記のログインページは、新機能についてユーザーに知らせるものです。カスタムブランディング、背景イラスト、ブランドカラーを使用して、ユニークなログイン体験を作り出しています。

ジャクリン・スティーブス

Jacquelynne Stevesカスタムログインページ

ジャクリン・スティーブスは、家の装飾、キルティング、パターン、刺繍などに関するコンテンツを著者が公開している、工芸品のウェブサイトです。

ログインページはウェブサイトのテーマに合わせたカスタム背景画像を使用しており、ログインフォームは右側にあります。

チャーチ・モーション・グラフィックス

Church Motion Graphicsカスタムログインページ

このモーショングラフィックスデザイン会社のログインページは、そのビジネスを反映したカラフルな背景を持っています。

ログイン画面には、サイトのヘッダー、フッター、ナビゲーションメニューと同じものが使用されています。ログインフォーム自体は、明るい背景で非常にシンプルです。

MITスローン経営レビュー

MITSloanカスタムログインページ

MITスローン経営レビューでは、ポップアップモーダルを使用してログインおよび登録フォームを表示します

ポップアップの利点は、ユーザーがページを離れることなくログインできることです。これにより、新しいページ読み込みの手間が省かれ、より高速なユーザーエクスペリエンスが提供されます。

さて、WordPressでカスタムログインページを作成する方法を学ぶ準備はできましたか?

Theme My Login(無料)を使用したWordPressログインページの作成

Theme My Loginは、ログインページをWordPressテーマに合わせて変更できる無料プラグインです。カスタマイズ性は高くありませんが、デフォルトのWordPressブランドのログインページを置き換え、よりプロフェッショナルに見せることができます。

まず、Theme My Loginプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化すると、Theme My Loginはカスタムログイン、ログアウト、登録、パスワード忘れ、パスワードリセットのアクション用のURLを自動的に作成します。

これらのWordPressログインURLは、Theme My Login » Generalページにアクセスしてカスタマイズできます。「Slugs」セクションまでスクロールして、プラグインがログインアクションに使用するURLを変更します。

Theme My Loginページ

Theme My Loginでは、ショートコードを使用してカスタムログインおよび登録ページを作成することもできます。各アクションのページを作成し、ここにページスラッグを追加するだけで、プラグインがユーザーを見つけて適切にリダイレクトできるようになります。

ログインページから始めましょう。

Page » Add Newに移動して、新しいWordPressページを作成します。次に、ページにタイトルを付け、次のショートコード [theme-my-login]をページに入力します。

Theme My Loginショートコードをページに追加する

これでページを公開し、プレビューしてカスタムログインページが機能していることを確認できます。

これは、テストWordPressウェブサイトでの表示です。

Theme My Loginプレビュー

次のショートコードを使用して、他のページを作成するためにプロセスを繰り返します。

[theme-my-login action="register"] 登録フォーム用

[theme-my-login action="lostpassword"] パスワード忘れページ用

[theme-my-login action="resetpass"] パスワードリセットページ用

WPFormsを使用したカスタムWordPressログインページの作成

WPFormsは、市場で最高のWordPressフォームビルダープラグインです。これにより、ウェブサイト用のカスタムログインおよび登録フォームを簡単に作成できます。

WPFormsはプレミアムWordPressプラグインであり、ユーザー登録アドオンにアクセスするには、少なくともプロプランが必要です。WPBeginnerユーザーは、WPFormsクーポンコードを使用して50%割引を受けることができます。

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、WPForms » 設定ページにアクセスしてライセンスキーを入力する必要があります。この情報はWPFormsウェブサイトのアカウントで見つけることができます。

WPFormsライセンスキーを入力してください

ライセンスキーを入力した後、アドオンをインストールできるようになります。

WPForms » アドオンページにアクセスし、ユーザー登録アドオンを見つけてください。

WPFormsユーザー登録アドオン

次に、「アドオンのインストール」ボタンをクリックしてアドオンをダウンロードして有効化します。アドオンが有効になったので、フォームの作成準備が整いました。

WPForms » 新規追加ページにアクセスします。フォームの「テンプレートの選択」を求められます。「ユーザーログインフォーム」テンプレートを検索し、「テンプレートを使用」ボタンをクリックして続行します。

ユーザーログインフォームテンプレート

専門家のアドバイス:WPFormsにはAIフォームビルダーもあり、使用できます。作成したいフォームの種類の説明を入力するだけで、WPFormsが自動的に作成してくれます!

WPFormsは、必要なフィールドを含むユーザーログインフォームを読み込みます。

フィールドをクリックして、独自の簡単な説明やテキストを追加できます。

WPFormsフォームビルダー

他の設定も変更できます。

たとえば、デフォルトのボタンのタイトルは「送信」です。ボタンをクリックして、テキストを代わりに「ログイン」に変更できます。

WPFormsボタンテキストのカスタマイズ

ユーザーが正常にログインした後に何が起こるかを決定することもできます。

設定 » 確認タブにアクセスし、アクションを選択する必要があります。ユーザーを別のURLにリダイレクトしたり、ホームページにリダイレクトしたり、単にログインしたことを示すメッセージを表示したりできます。

ログイン中のユーザーをリダイレクトする

フォームの設定に満足したら、画面右上にある「保存」ボタンをクリックしてフォームビルダーを閉じます。

カスタムログインフォームをWordPressページに追加する

WPFormsを使用すると、カスタムログインフォームを任意のWordPress投稿またはページに非常に簡単に簡単に追加できます。

ログインフォームを追加したいページを編集するか、新しいページを作成します。次に、ページ編集画面で、WPFormsブロックをコンテンツエリアに追加します。

WPFormsブロックを任意の投稿またはページに追加し、ユーザーログインフォームを選択します

次に、以前に作成したログインフォームを選択すると、WPFormsブロックがコンテンツエリア内に自動的に読み込まれます。

これで、ログインフォームページの編集を続けることができます。必要に応じて、追加のテキストやプロモーションブロックを追加してください。完了したら、変更を保存して公開することを忘れないでください。

これで、ウェブサイトにアクセスして、ログインページが機能していることを確認できます。

WPFormsログインフォームプレビュー

SeedProd(推奨)を使用したカスタムWordPressログインページの作成

デフォルトでは、カスタムWordPressログインフォームページは、テーマのページテンプレートとスタイルを使用します。テーマのナビゲーションメニュー、ヘッダー、フッター、サイドバーウィジェットが含まれます。

ページ全体を完全に引き継ぎ、ゼロから何かをデザインしたい場合は、WordPressページビルダープラグインを使用できます。

SeedProdはWordPress向けの最高のランディングページビルダーです。標準的なフォームビルダーとは異なり、SeedProdではログインボックスだけでなく、ページ全体のレイアウトをカスタマイズできます。

初心者にも使いやすく、ドラッグ&ドロップビルダーで、ログインページ、近日公開ページ、メンテナンスモードページなど、あらゆる種類のランディングページを作成できます。

実際にSeedProdをテストし、機能、使いやすさ、パフォーマンスを網羅した詳細なレビューも作成しました。

まず、ウェブサイトにSeedProdプラグインをインストールする必要があります。詳細については、WordPressプラグインのインストール方法ガイドをご覧ください。

注意:この記事では、SeedProd Proバージョンを使用します。これは、ログインページテンプレートと高度なページブロックが含まれており、カスタマイズが可能です。

SeedProdには無料バージョンもありますが、WordPressウェブサイトのログインページを作成するオプションは含まれていません。

プラグインがアクティブになると、WordPress管理画面のSeedProdにリダイレクトされます。

ここで、SeedProdアカウントから簡単に取得できるライセンスキーを入力する必要があります。キーを入力したら、「キーを確認」ボタンをクリックします。

SeedProdライセンスキー

その後、SeedProdでログインページを作成する準備が整いました。

まず、SeedProd » ランディングページに移動し、「ログインページを設定」ボタンをクリックして「ログインページ」オプションを選択します。

ログインページを選択

次の画面で、ログインページのテンプレートを選択できます。空白テンプレートを使用して、最初からページを作成することもできます。

ただし、テンプレートを使用すると、ログインページのカスタマイズが簡単かつ迅速になるため、お勧めします。

SeedProdログインページ用のテンプレートを選択

テンプレートを選択すると、ポップアップウィンドウが表示され、ログインページのページ名を入力できます。SeedProdはページ名をランディングページのURLとして使用します。

これらの詳細を入力したら、「保存してページ編集を開始」ボタンをクリックします。

ページ名とページURLを入力

これで、デザインタブのSeedProdのドラッグ&ドロップビルダーを使用してログインページを編集できます。ビルダーを使用すると、左側のメニューからページブロックをドラッグしてページ上のどこにでも配置することで、簡単にページブロックを追加できます。

たとえば、ログインページにテキスト、ビデオ、または新しいボタンを追加できます。高度なブロックセクションには、カウントダウンタイマー、ソーシャル共有アイコンなどを追加できる、より多くのカスタマイズオプションがあります。

SeedProdでは、テンプレート内の既存のページブロックを削除することもできます。ゴミ箱アイコンをクリックするだけでページブロックを削除できます。

ログインページを編集

次に、ログインページのいずれかのセクションをクリックすると、より多くのカスタマイズオプションが表示されます。

たとえば、フィールドのテキストと色を変更したり、別のフォントを選択したり、ボタンの色を編集したりできます。

ページセクションを編集

ログインページのデザインに満足したら、上部にある「接続」タブをクリックします。

これで、メールマーケティングサービスConstant ContactDripなど)を接続できます。

Eメールマーケティングサービスを接続

その後、[Page Settings]タブに移動する必要があります。[General settings]の下で、SeedProdを使用すると、ページタイトルを編集したり、ページステータスをドラフトから公開に変更したりできます。

SeedProd Linkを使用するオプションを選択し、SeedProdアフィリエイトリンクを追加して[more money online]を作成することもできます。

SeedProdページ設定

検索エンジン向けにログインページを最適化したい場合は、[SEO settings]に移動してください。ここでは、All In One SEOプラグインをインストールするボタンがあります。

[All in One SEO]は、WordPressウェブサイトを検索エンジンやソーシャルメディアプラットフォーム向けに最適化できる[best WordPress SEO plugin]です。

WordPressでAll In One SEOを正しく設定する方法]に関するガイドで、最適な使用方法を学ぶことができます。

SeedProd SEOページ設定

その後、[Scripts settings]タブでログインページにさまざまなコードスニペットを追加することもできます。

たとえば、ここに[Google Analytics]コード、Facebookピクセル、またはその他のトラッキングコードを追加したい場合があります。

SeedProdログインページにスクリプトを追加

ページ設定を変更したら、[Save]ボタンをクリックしてください。

次に、ログインページをアクティブにする必要があります。これを行うには、ランディングページビルダーを終了し、[SeedProd » Landing Pages]に移動します。

そこに到達したら、スイッチをクリックしてページステータスを「非アクティブ」から「アクティブ」に変更してください。

SeedProdログインページをアクティブにする

これで、ログインページのURLにアクセスして、それが機能していることを確認できます。

これは、デモサイトのログイン画面のスクリーンショットです。

SeedProdログインページプレビュー

[Alternative:]魅力的なログインページをデザインするために[Thrive Architect]を使用することもできます。これは、カスタムページを作成するために推奨する別の優れたドラッグアンドドロップページビルダープラグインです。

以下のようなログインページを作成できる、300以上のプロがデザインしたテンプレートが含まれています。

ログインページをプレビュー

WordPressのページビルダープラグインが気に入らない場合は、[custom CSS]を使用してフォームとログインページ自体をスタイル設定できます。

常にカスタムWordPressログインページを作成する必要はありません。多くのウェブサイトでは、デフォルトのログインページを使用しながら、WordPressのロゴとロゴURLを置き換えています。

ログイン画面のWordPressロゴを独自のロゴに置き換えたい場合は、WordPressプラグインを使用するか、カスタムコードを追加するだけで簡単に実行できます。両方の方法を示しますので、最適な方法を選択してください。

方法1:プラグインを使用してWordPressログインロゴとURLを変更する

最初に行う必要があるのは、[Colorlib Login Customizer]プラグインをインストールしてアクティブ化することです。詳細については、WordPressプラグインのインストール方法]に関するステップバイステップガイドを参照してください。

アクティブ化すると、プラグインは[WordPress theme customizer]に新しいメニュー項目を追加します。単に[Appearance » Customize]に移動し、新しい「Colorlib Login Customizer」項目をクリックしてログインカスタム機能を起動します。

[Note:]このプラグインはテーマカスタム機能に依存しているため、サイトエディターを使用するブロックテーマ(Twenty Twenty-Fiveなど)を使用している場合は機能しません。

もしそうであれば、以下のコード方法または前述のSeedProd方法を使用することをお勧めします。

Colorlibログインカスタマイザープラグインはテーマカスタマイザーに新しい項目を追加します

ログインカスタマイザーは、左側にカスタマイズオプション、右側にライブプレビューが表示されるデフォルトのWordPressログイン画面を読み込みます。

WordPressのロゴを独自のロゴに置き換えるには、右側の「ロゴオプション」タブをクリックします。

Colorlibログインカスタマイザー

ここから、WordPressのロゴを非表示にしたり、独自のカスタムロゴをアップロードしたり、ロゴのURLとテキストを変更したりできます。

テキストのサイズと色、カスタムロゴの幅と高さをカスタマイズすることもできます。

ログインページにカスタムロゴをアップロード

このプラグインでは、デフォルトのWordPressログインページを完全にカスタマイズすることもできます。列や背景画像を追加したり、ログインフォームの色を変更したりできます。

基本的に、デフォルトのWordPressログインURLを変更せずにカスタムWordPressログインページを作成できます。

完了したら、「公開」ボタンをクリックして変更を保存します。これでWordPressログインページにアクセスして、カスタムログインフォームが機能していることを確認できます。

Colorlibログインカスタマイザープレビュー
方法2:コードを使用してWordPressログインロゴとURLを変更する

この方法では、プラグインなしでWordPressのロゴをログイン画面で独自のカスタムロゴに手動で置き換えることができます。ブロックテーマにも適しています。

まず、カスタムロゴをメディアライブラリにアップロードする必要があります。単にメディア » 新規追加ページに移動して、カスタムロゴをアップロードしてください。

画像をアップロードしたら、その横にある「編集」リンクをクリックします。これによりメディア編集ページが開きます。ここでファイルURLをコピーし、コンピューター上の空白のテキストファイルなど、都合の良い場所に貼り付けます。

次に、次のコードスニペットをテーマのfunctions.phpファイルに追加するか、WPCodeプラグインを使用して、サイトを壊さずにカスタムコードを簡単に追加(推奨)します。

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

4行目のbackground-image URLを、先ほどコピーしたファイルURLに置き換えるのを忘れないでください。カスタムロゴ画像に合わせて、他のCSSプロパティを調整することもできます。

これでWordPressログインページにアクセスして、カスタムロゴを確認できます。

カスタムロゴ付きWordPressログインページ

ただし、このコードはWordPressのロゴを置き換えるだけです。ロゴのリンク(WordPress.orgウェブサイトを指しています)は変更しません。

これを変更しましょう。

テーマのfunctions.phpファイルまたはWPCodeに次のコードを追加するだけです。先ほど追加したコードのすぐ下に貼り付けることができます。

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

「あなたのサイト名と情報」をあなたのサイトの名前に置き換えるのを忘れないでください。ログイン画面のカスタムロゴは、あなたのサイトのホームページを指すようになります。

WordPressログインページの言語スイッチャーを無効にする

WordPressには、ユーザーがウェブサイトにログインする際に新しい言語を選択できるドロップダウンログインオプションが含まれています。

サイトで複数の言語がアクティブになっている場合、このオプションが表示されます。 

ログイン画面の言語切り替え機能の例

これは多言語ウェブサイトや、WordPressダッシュボードを異なる言語でアクセスしたいさまざまなユーザーがいるチームに適しています。

しかし、ログインページをシンプルに保ちたい場合や、ユーザーが頻繁に言語を切り替える必要がない場合は、言語スイッチャーを削除することで、煩雑さを軽減できます。これはプラグインまたはコードを使用して行うことができます。

方法1:プラグインを使用して言語スイッチャーを無効にする

インストールして有効にするだけで、Disable Login Language Switcher プラグインが利用できます。有効化すると、言語切り替えオプションが自動的に削除されます。追加の設定は必要ありません。

免責事項: このプラグインは最新バージョンの WordPress でテストされていません。しかし、デモサイトでテストしたところ、正常に動作しました。まだご不明な点がある場合は、古いプラグインの使用方法に関するガイドをご覧ください。

これで、ログイン画面にアクセスすると、言語切り替えオプションのない標準のログイン画面が表示されます。

標準のWordPressログイン画面の例
方法2:コードを使用して言語スイッチャーを無効にする

WordPress にコードを追加することで、言語切り替えを無効にする別の方法もあります。

以下のコードスニペットを functions.php ファイルまたは WPCode スニペットに追加するだけです。詳細は、WordPress でカスタムコードスニペットを追加する方法に関するチュートリアルをご覧ください。

add_filter( 'login_display_language_dropdown', '__return_false' );

詳細については、WordPress ログイン画面で言語切り替えを無効にする方法に関するガイドをご覧ください。

WordPressログインページに関するよくある質問

読者の皆様から、ログインページのデザインについてよく寄せられる質問を以下に示します。

プラグインなしで WordPress にログインページを作成する方法は?

プラグインなしでカスタムログインページを作成するには、テーマにカスタムページテンプレートを作成し、wp_login_form() PHP 関数を使用します。これにより、任意のページにログインフォームを表示できますが、CSS を使用してスタイルを設定する必要があります。

WordPress のログインはどのように機能しますか?

WordPress のログインシステムは、WordPress データベースに保存されているユーザーの詳細情報とユーザー名およびパスワードを照合して検証します。検証後、WordPress はブラウザ Cookie を設定して、ダッシュボードを移動中にログイン状態を維持します。

WordPress サイトのデフォルトのログインページは何ですか?

どの WordPress サイトのデフォルトのログインページも、wp-login.php ファイルにあります。ウェブサイトのドメイン名の末尾に /wp-login.php を追加することでアクセスできます。

WordPress のログイン URL は何ですか?

WordPress のログイン URL は通常、yoursite.com/wp-admin または yoursite.com/login です。これらのいずれかの URL を入力すると、標準のログイン画面に自動的にリダイレクトされ、資格情報を入力できます。

WordPress のログインを保護するにはどうすればよいですか?

強力なパスワードを強制し、2 要素認証 (2FA) を有効にすることで、WordPress のログインを保護できます。また、ハッカーによる総当たり攻撃を防ぐために、ログイン試行回数を制限することもお勧めします。

WordPress サイトを「近日公開」に設定するにはどうすればよいですか?

最も簡単な方法は、SeedProd を使用することです。これには、近日公開モードが組み込まれています。これにより、訪問者は一時的なページを見ている間、サイトでプライベートに作業できます。設定するには、WordPress で近日公開ページを作成する方法に関するチュートリアルをご覧ください。

これで全てです。この記事が、あなたのウェブサイトにWordPressログインページを作成する様々な方法を学ぶのに役立ったことを願っています。また、WordPressにワンクリックGoogleログインを追加する方法のチュートリアルや、WordPressにOAuthログインを追加する方法のガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルに登録してください。TwitterやFacebookでもフォローできます。

開示:私たちのコンテンツは読者によってサポートされています。これは、私たちのリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金提供されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください。こちらが私たちの編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者からのコメント

97 CommentsLeave a Reply

  1. こんにちは、プラグインなしでログインページを編集するにはどうすればよいですか!?HTMLとCSSで…そしてテーマファイルで…編集する必要のあるログインファイルはどこですか!!!助けてください..ありがとう

    • そのようなカスタマイズについては、例としてWordPress Codexを参照してください:https://codex.wordpress.org/Customizing_the_Login_Form

      管理者

  2. ユーザーがログインすると、WP管理ダッシュボードにリダイレクトされます。どうすれば修正できますか?

    • ユーザーをログイン後にリダイレクトする方法に関する記事をご覧ください:https://www.wpbeginner.com/plugins/how-to-redirect-users-after-successful-login-in-wordpress/

      管理者

  3. 記事に表示されている画面が表示されません。このプラグインの有料版はありますか?TYL管理メニューには設定と拡張機能のオプションしか表示されません。

    David

    • この記事を作成した後、Theme My Loginプラグインは大幅にオーバーホールされました。この記事を更新することを検討します。

      管理者

  4. こんにちは、

    これは素晴らしい記事です。このプロセス全体で1つ疑問があります。ユーザー名とパスワードを検証するにはどうすればよいですか?記事にはそのことに関するものは何も見当たりません。

    例えば、フォームはユーザー名とパスワードが有効かどうかをどのように知るのですか?

    よろしくお願いいたします
    David DLima

  5. 私はWordPress初心者で、自分で小さなブログをセットアップしようとしています。
    読者が追加機能にアクセスできるように、「サインインまたはログイン」させることを考えています。

    このスレッドで理解したことは、ログインフォームを作成してサイトに適用する方法ですが、機能へのアクセスをどのように調整するか、または基本的にログインする目的は何ですか?

    • Theme My Loginは、この記事が作成された後に更新されましたが、どちらのプラグインもログインページを作成するために引き続き利用できるはずです。

      管理者

  6. こんにちは、

    すべての返信とビデオをありがとうございます。大変助かりました!3つの質問があります。お答えいただけると幸いです。

    (i)サインアップオプションが含まれていない場合、「ログインウィジェット」の使い道は何なのか、私も困惑しています。したがって、登録されていないユーザーは、別のページにリダイレクトされる必要があります。

    (ii)「Elementorログインウィジェット」でソーシャルログインを統合するにはどうすればよいですか?

    (iii)Elementorを使用して「登録フォーム」を作成する方法はありませんか?

    ありがとうございます

    suresh

  7. 驚きました!

    私は「テクノロジー」の人間ではありませんが、6つか7つの、ひどく、かろうじて管理しているウェブサイトを所有しています。大きな願望はありますが、それに伴う才能やチームがありません。100歳になるまでかかるかもしれませんが、最終的には私のビジョンを実現します。取り組んでいます。いずれにせよ、それがこの投稿のポイントではありません。私自身を説明するためだけです。

    より多くの自動化を求めており、特にリストを構築するためにソーシャルログイン(FBとGoogle)を備えたポップアップを作成/購入/取得する方法を探していました。もしお勧めがあれば、非常に感謝します。

    あなたの記事を読み、立ち去る際に、あなたの究極のツールキットを見ました。それをざっと見ているだけで、知りたいと思っていたいくつかのことと、知らなかった2、3の質問に対する答えが見つかりました。本当に価値のあるリードマグネットは、それを見たときにわかります。この点について、あなたを称賛するために少し時間を取らせてください。無料の価値!

    ありがとうございます
    ジョシュア・ヒューストン

  8. 本当に素晴らしい記事で、理解しやすく、数分で私のサイトに実装しました。ありがとうございます。

  9. Theme My Loginはもはや選択肢ではありません。彼らはすべて有料モデルに移行し、プラグイン全体を書き直しました。

  10. こんにちは
    ユーザーがTML経由で登録しようとすると、アクティベーションメールが届きません。どうすれば解決できますか?

  11. プラグインなしでデフォルトのWordPressログインページをカスタマイズできますか?実際、/wp-loginページでWordPressロゴを変更したいだけです。

  12. これらのフォームをモーダルで使用できますか?ログインモーダルを作成しようとしています。

  13. ログイン後にメンバーを特定のログインページに送信する方法はありますか?よろしくお願いします。

  14. 実際に行いたいのは、どこから来たのか、どのリンクを使用したのかに関わらず、ユーザーを私のウェブサイトの特定のページに着地させたいということです。たとえそれが私のサイトの他のページへのものであってもです。

    着地したら、彼らが訪問することを選択したページにリダイレクトしたいと思います。

    これは可能ですか、そしてどのようにすればよいですか?

  15. スタッフがログインして、毎日の作業を記録するためのフォームがある単一のページにログインできるセクションが欲しいです。

    これは可能ですか、そして可能であれば、私のニーズに最も適したプラグインは何ですか?

  16. こんにちは!

    ウェブサイトに無料のリソースライブラリを作成しましたが、メールリストを増やすためにパスワードと引き換えにメールを収集したいと考えています。パスワード入力ページをカスタマイズする方法を見つけるのに非常に苦労しています。なぜなら、誰も自分のアカウントを持ったりすることは望んでいないからです。単に私が設定したパスワードを入力してライブラリにアクセスできるようにしたいだけです。WPのパスワード保護機能は好きではありません。なぜなら、パスワードを入力するのと同じページでメールを収集できるようにしたいからです。それは「パスワードをお持ちの場合は、ここにパスワードを入力してください。パスワードをお持ちでない場合は、メールを入力してください。そうすればお送りします。」というようなものです。ここでそのようなことができますか?何か提案はありますか?この問題で3日間も行き詰まっているので、本当に感謝します!

    本当にありがとう、

    シエラ

    • シエラさん、こんにちは。

      WPFormsを使用している場合、ユーザーをダウンロードページにリダイレクトできます。ダウンロードリンクまたはパスワードを含むメール通知を送信することもできます。別の解決策として、メールマーケティングソフトウェアを使用して自動返信でリンクまたはパスワードを送信することもできます。これにより、メールアドレスを確認することもできます。

      お役に立てば幸いです

      管理者

    • シエラさん、あなたの投稿を見かけました。ブログを始めたばかりで、あなたと同じような問題を抱えています。ユーザー向けのパスワード保護ページを作成し、ニュースレターのメールアドレスを取得する方法について、アドバイスを共有していただけませんか?事前に感謝します、ロブ

  17. ソーシャルメディアログインを追加するにはどうすればよいですか?ソーシャルメディアログインを追加したいのですが、サードパーティのプラグインは一切使用できません。どうすればよいですか?

  18. これは素晴らしい記事ですが、wpbeginner.com/wp-adminにあるようなことをどのように実現できますか?

    ページを読み込む前にパスワードを要求されます。これを達成するにはどうすればよいですか?

  19. WPフォームでログインフォームアドオンを使用するには、年間199ドルを支払う必要があります!!!!!!

  20. プラグイン「Admin Custom Login」を使用しており、このページを通常の加入者ログイン/登録に使用したいと考えています。このアドレスでWPのメニューページを作成できますか?
    ありがとうございます。

  21. こんにちは、

    ログインページとリンクを作成して、ユーザーが投稿や写真をアップロードできるようにしたいだけです。TMLを試しましたが、ホームページをリフレッシュしても何も起こらないようです。そして、私のWPFormsのバージョンはLiteです。それが本当に必要なものであれば、フルバージョンを購入するお金がありません。ユーザーにログインページを提供したいだけです!ヒントもお願いします。

    • チャズさん、こんにちは。

      テーマのログイン設定を確認してください。WordPressのパーマリンクを更新することも試すことができます。単に設定 » パーマリンクにアクセスし、何も変更せずに変更を保存ボタンをクリックしてください。

      管理者

  22. こんにちは
    カスタムフィールドを使用してWordPressのログインページをカスタマイズするためのコーディングを探しています。それに関するコードを教えてもらえますか?

  23. 助けてください。ウェブサイトにクライアントログインを追加する必要がありますが、数ページのみです。やり方を思い出せません。いつもサイトを作っているわけではありません。サイトは無料で誰でも見れるようにしたいのですが、クライアントとエージェント専用のページをいくつかだけ作りたいのです。

  24. ログインページのユーザー名とパスワードは、管理エリアにアクセスするためのものと同じですか、それともカスタムログインエリア用に新しいユーザー名とパスワードを作成する必要がありますか?

  25. TMLは素晴らしいプラグインで、私たちのウェブサイトで使用しています。しかし、旅行サイトでログインページがホームページにリダイレクトされることがありますが、キャッシュを削除すると正常に動作します…
    提案ありがとうございます。

  26. すべての機能を持つ独自のログインページテンプレートを作成したいと思っていました。プラグインなしで独自のログインページテンプレートを作成する方法はありますか?または、独自のログインテンプレートを学習して作成できるCodexセクションはありますか?

  27. こんにちは、

    テーマのログインプラグインをウェブサイトに実装しようとしましたが、管理者としてもログインできなくなりました。何が問題でしょうか?

    • こんにちは、

      your-site.com/wp-login.phpから開くだけです。
      your-site.comをウェブサイトの名前に置き換えてください。

      プラグインを削除したい場合は、FileZilla/WinSCPまたはcPanelからプラグインにアクセスして、別の名前に変更してください。

  28. こんにちは、このようにログインを作成した場合、サイトのメンバーは自分のアカウントにリダイレクトされるかどうかを知りたいだけです。私は税務会社を経営しており、クライアントがそこからアカウントにアクセスし、ファイルをアップロードできるようにしたいと考えています。また、特定の税務申告書のステータスを確認できるようにしたいと考えています。彼らのアカウントは、彼らに固有のものを確認できるように、ログインIDにリンクされている必要があります。お知らせください、ありがとうございます。

    • WordPressバックエンド設定->一般から

      ユーザー登録を許可します。それは次のようなものになります:

      登録設定

      新規登録を許可する 新規登録設定 登録は無効になっています。
      ユーザーアカウントを登録できます。
      ログイン中のユーザーは新しいサイトを登録できます。
      サイトとユーザーアカウントの両方を登録できます。

  29. こんにちは、TMLプラグインをインストールしましたが、フロントエンドに表示するための「登録」と「ログイン」ページのショートコードが見つかりませんでした。助けてください。よろしくお願いします。

  30. TMLをインストールしましたが、ウェブサイトにログインが表示されません。(WPの最新アップデート

    一般設定にページIDがありません。そのためTMLは機能しません。

  31. 何日も試してきましたが、今日は何時間もログイン/登録プラグインをインストールしたりアンインストールしたりしました。これまでのすべてのレッスンに従い、あなたのレッスンも注意深く従いました。しかし、またしても完全な失敗です。これは機能しませんでした。すべてのページを作成しましたが、すべてのページにプロフィール/登録フォームが表示されました。もう諦めます!これらのサイトはすべてどのようにログインを取得するのですか?何も機能しないからです。試したすべてのプラグインとプログラムについて本を書くことができます。このタスクはそれほど難しくないはずなので、ウェブ開発者を雇って一つ入れてもらうつもりはありません。しかし、それはそうであると断言できます。

    WordPressの多くのアクセスできないもののように、ウェブ開発者だけが利用できるもののように、私もなしで済ませるしかありません。ウェブ開発者と同じようにまともな通常のサイトを持てないのは残念です。多くの機能を諦めることが私とWordPressにとって大きな問題になりつつあります。フォーラムが役に立たず、プラグインが機能しない場合、私はただ諦めてなしで済ませるしかありません。

    • 難しくないし、前回はプラグインを使わなかった。メニューページにあるんだけど、やり方を忘れてしまった。ある人が私に80ドル請求しようとしたが、私は払わない。簡単なのに思い出せない。何日も探している。

  32. これにうんざりしてやめました。素晴らしいプラグインだと思いますが、一貫性がありません。ログインページが見つからず、断続的に表示され、登録ページが正常に機能しません。
    はあ!疲れました

  33. わー、動画ありがとうございます、とても参考になりました。

    もう一つ質問があります。有料会員制のサイトを構築しています。ログインページだけでなく、ログイン後に表示されるWPのデフォルトページ(左側にダッシュボードがあるなど…)もカスタマイズしたいのですが、そのようなプラグインはありますか?それともコーディングが必要ですか?

    ありがとう
    アンナ

  34. このプラグインをインストールしたサイトを移動する方法を知っている人はいますか?サイトを移動しようとすると、ログインページが完全に機能しなくなります。

    何か提案があれば教えてください。

    • こんにちは、これが発生する可能性のある理由はいくつか考えられます。

      プラグインを無効にしてから、サイトを移動してみてください。

      パーマリンクを更新してから、再度有効にしてください。

  35. 最近このプラグインを見つけて、とても気に入っています!!!! Gravity Forms を使用して、人が投稿を許可される前にログインしていることを確認する方法を調べています。

    すべてのフォームは正常に機能しており、wp-login.php にリダイレクトするための一般的なコードを見つけましたが、プラグインを使用しているため、ログイン画面と同じテーマにリダイレクトさせたいです。

    サンプルコードはこちらです:(page_loggedin.php として設定)

    <?php else:
    wp_die('申し訳ありませんが、このページを表示するにはまずログインする必要があります。無料で登録できます。');
    endif; ?>

    ハードコーディングされたサイト参照はしたくないので、PHPコードに関するヘルプをいただけると幸いです!ユーザーがログインしていない場合にプラグインのようにリダイレクトするのが最優先ですが(まだどのように行っているか見つけられていません)

    ケン

  36. Theme My Login バージョン 6.3.9 を入手し、WordPress テーマ (WP バージョン 3.9) にインストールしました。プラグインを有効にしましたが、設定の下に Theme My Loging が表示されません。設定の下に TML が表示され、モジュールと一般は表示されますが、タブは表示されません。助けてください!

  37. サイト訪問者がプロフィールを作成・編集できるプラットフォームをどのように作成できますか?

  38. このプラグインは良いですね。
    ログインページにある「パスワードをお忘れですか?」と「登録」の箇条書きを削除するにはどうすればよいですか? また、登録ページにある「パスワードをお忘れですか?」を削除するにはどうすればよいですか?
    これらのオプションは残しておきたいのですが、箇条書きは削除したいです。

  39. ウェブサイトにプラグイン機能を持たせ、カスタムログイン機能をインストールするために、WordPressをエンタープライズバージョンにアップグレードする必要がありますか?

  40. このログインページは、ウェブサイトの特定のページにログインするために使用できますか? 管理セクションにログインさせたくありませんが、特定のページへのリンクをクリックしたときに、その1ページのみのユーザー名とパスワードでログインできるようにしたいです。アカウントを設定して独自のパスワードを作成できる必要があるため、WordPressがページごとに提供するパスワード保護オプションを使用できません。すべてのメンバーのユーザー名とパスワードは一意である必要があります。

  41. ログインには非常に良いプラグインです。しかし、このプラグインでヘッダーとフッターを無効にしたい場合、どうすればよいですか? 誰か知っている人がいれば、回答をアップロードして、私のメールアドレスに送ってください。

  42. パスワードを忘れた場合を除けば、このプラグインは問題ありません。私だけかもしれませんが、プラグインがWordPressとうまく連携していないようです。たとえば、ジェームスが私のサイトのパスワードを忘れました。彼は新しいパスワードを送ってくれるように要求します。ジェームスはパスワードを忘れたというメールを受け取りますが、リセットするために*空白*のウェブサイトに行く必要があります。残念ながら、ジェームスがパスワードを取得/リセットできる場所がありません。私がこれについて間違っているかもしれませんが、今のところ、この問題の解決策は見つかっていません。

    • 互換性があります。プラグインの作者がプラグインのreadmeファイルを更新していない唯一の理由は、まだ新機能が出ていないからです。問題なく動作します。

      管理者

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされることに注意してください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。