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

WordPress の登録にユーザープロフィールフィールドを追加する方法

標準のWordPressユーザープロファイルは非常に基本的です。ユーザー名とメールアドレスしか尋ねられないため、購読者についてあまり多くを知ることができません。

会員制サイトやコミュニティを運営している場合、より具体的な詳細が必要になるでしょう。電話番号やソーシャルプロファイルが欠けていると、オーディエンスとつながることが難しくなります。

私たちは長年ユーザー登録を管理してきましたが、カスタムフィールドを追加することでデータ収集が大幅に改善されることがわかりました。これにより、適切な人々に合わせてコンテンツやマーケティングを調整できます。

このガイドでは、WordPressの登録フォームにユーザープロファイルフィールドを追加する方法を説明します。

WordPress 登録に追加のユーザープロフィールのフィールドを追加する

WordPress登録にユーザープロフィールフィールドを追加する理由

WordPressウェブサイトの登録フォームにユーザープロファイルフィールドを追加することで、ユーザーから追加情報を収集できます。これにより、マーケティングキャンペーンの改善、コンテンツのパーソナライズ、またはオーディエンスについての理解を深めることができます。

たとえば、WordPressサイトに登録する際に、ユーザーに電話番号やソーシャルメディアプロフィールを提供するように依頼できます。

これにより、ユーザーにターゲットを絞ったSMSメッセージを送信したり、WordPressブログをソーシャルメディアアカウントで宣伝するように依頼したりできるようになります。

これらの追加フィールドは、会員制ウェブサイトを運営している場合や、ユーザーがブログの購読者としてサインアップできるようにしている場合に役立ちます。また、複数の著者がいるブログで他の著者の追加連絡先情報を保存したい場合にも役立ちます。

それでは、WordPressにユーザープロフィールフィールドを簡単に追加する方法を見ていきましょう。このチュートリアルでは2つの方法について説明します。お好みの方法にジャンプするには、以下のリンクをご利用ください。

方法1:Advanced Custom Fieldsを使用してカスタムユーザープロフィールフィールドを追加する(推奨)

WordPressに追加のユーザープロフィールフィールドを追加する最良の方法は、Advanced Custom Fieldsプラグインを使用することです。これにより、複数のフィールドを選択し、ニーズに合わせてカスタマイズできます。

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

プラグインを有効化したら、WordPress管理画面のサイドバーからACF » フィールドグループに移動し、「+ フィールドグループを追加」ボタンをクリックします。

フィールドグループの追加ボタンをクリック

新しいページに移動し、フィールドグループの名前を入力することから始めます。

これは、特定のフィールド自体のラベルではなく、フィールドグループのタイトルになります。

フィールドグループ名を入力

その後、「フィールド」セクションまでスクロールし、ドロップダウンメニューからフィールドタイプを選択します。

例えば、ユーザーに登録時に電話番号を提供してもらいたい場合は、「数値」オプションを選択できます。あるいは、ユーザーにソーシャルメディアプロフィールを提供してもらいたい場合は、「テキスト」オプションを選択できます。

ドロップダウンメニューからフィールドタイプを選択

それが完了したら、「フィールドラベル」オプションにフィールドの名前を入力します。例えば、ユーザーに登録前にTwitterハンドルを提供してもらいたい場合は、そのフィールドに入力できます。

プラグインは、ラベル名に基づいてフィールド名を自動生成します。

フィールド名とラベルを追加

次に、上部にある「検証」タブに切り替える必要があります。ここで、スイッチを切り替えることでフィールドを必須にすることができます。

これにより、ユーザーは追加フィールドに入力しないと、WordPressサイトに登録できなくなります。

追加フィールドの必須スイッチを切り替える

その後、カスタムフィールドの文字数制限を設定することもできます。

次に、上部にある「表示」タブに切り替えます。

そこに移動したら、追加のユーザープロファイルフィールドのプレースホルダーテキスト、説明、およびラッパー属性を追加できます。

表示設定を構成する

次に、「設定」セクションまでスクロールダウンし、「場所ルール」タブが選択されていることを確認します。ここで、カスタムフィールドの条件付きロジックを設定して、WordPressサイトの登録フォームにのみ表示されるようにする必要があります。

これを行うには、画面左隅のドロップダウンメニューから「User Form」オプションを選択します。その後、右隅のドロップダウンメニューから「Add / Edit」オプションを選択します。

これを行うには、画面左隅のドロップダウンメニューから「ユーザーフォーム」オプションを選択します。その後、右隅のドロップダウンメニューから「登録」オプションを選択します。

追加のユーザーフィールドに条件付きロジックを追加する

最後に、画面上部にある「変更を保存」ボタンをクリックして設定を保存します。

さらにフィールドを追加したい場合は、「+ Add Field」ボタンをクリックすることもできます。

追加フィールドを保存する

次に、ユーザー登録ページにアクセスして、追加されたユーザープロファイルフィールドが機能していることを確認してください。

これは、デモウェブサイトでの表示方法です。

追加のユーザープロフィールのフィールドのプレビュー

方法2:Profile Extra Fieldsで追加のユーザープロフィールフィールドを追加する(簡単&シンプル)

この方法を使用すると、WordPressでユーザープロファイルやユーザー登録フォームに余分なフィールドをすばやく簡単に追加できます。柔軟性は少し劣りますが、目的は達成できます。

まず、BestWebSoftのProfile Extra Fieldsプラグインをインストールして有効化する必要があります。方法がわからない場合は、WordPressプラグインのインストール方法に関する完全ガイドをご覧ください。

プラグインが有効化されたら、登録フォームで使用する追加のユーザープロファイルフィールドを作成する時間です。

例として電話番号フィールドを作成しますが、これらのフィールドは必要に応じていくつでも追加できます。登録プロセスを迅速かつ簡単にするために、本当に必要な情報のみを要求するようにしてください。

まず、WordPress 管理サイドバーから Profile Extra Fields » 新規追加 ページにアクセスします。ここで、「名前」オプションの横にフィールドの名前を入力します。

たとえば、ユーザーに電話番号を送信させるフィールドを作成している場合は、フィールド名として「電話番号」と入力できます。

その後、ドロップダウンメニューからフィールドタイプを選択します。ソーシャルメディアプロファイルフィールドを追加している場合は、「テキストフィールド」オプションを使用できます。

ただし、電話番号用のフィールドが必要な場合は、ドロップダウンメニューからそのオプションを選択する必要があります。

フィールド名とタイプを追加

その後、電話番号フィールドのパターンを入力したり、説明を追加したりすることもできます。

次に、「フィールドプロパティ」セクションまでスクロールダウンし、このフィールドを表示したいユーザーロールのチェックボックスをオンにします。

たとえば、WordPressサイトに登録するすべての著者にこのフィールドを表示したい場合は、このユーザーロールの横にあるチェックボックスをオンにすることができます。

必要なユーザーロールはいくつでも選択できます。

フィールドプロパティの設定

その後、このフィールドをフォームに入力せずにユーザーが登録できないようにしたい場合は、「必須」ボックスをオンにすることもできます。

ユーザーフィールドがフォームに表示されるように、「ユーザー登録フォームに常に表示」ボックスがオンになっていることを確認してください。

ユーザー登録フォームにフィールドを表示するには、このチェックボックスをオンにしてください

最後に、「変更を保存」ボタンをクリックして設定を保存します。

次に、新しい登録の設定を変更するためにWordPressダッシュボードに移動する必要があります。

WordPress管理エリアの設定 » 一般ページに移動し、メンバーシップボックスをオンにして、誰でもあなたのウェブサイトに登録できるようにします。

次に、追加のフィールドを追加したロールにデフォルトのロールが設定されていることを確認する必要があります。その後、「変更を保存」ボタンをクリックして設定を保存します。

ユーザーのデフォルトロールを設定

この方法で、新規ユーザーが持つアクセスレベルを制御でき、これにより、このチュートリアルで前述したフィールドが表示されるように登録フォームが強制されます。

こちらが、デモウェブサイトのデフォルトの登録フォームの外観です。

登録フォームのユーザーフィールドのプレビュー

ボーナス:WordPressでカスタムユーザー登録フォームを作成する

このチュートリアルで紹介した方法は、デフォルトのWordPress登録フォームにカスタムユーザープロファイルフィールドを追加する方法を示しました。

ただし、WordPressでカスタムユーザー登録フォームを作成したい場合は、WPFormsプラグインを使用しても簡単に作成できます。ユーザー登録アドオンにアクセスするには、Proバージョンが必要です。

私たちの意見では、これは最高のWordPressフォームプラグインです。私たちはこれを使用して、お問い合わせフォームや年次アンケートを作成しました。私たちの経験について詳しく知りたい場合は、WPFormsの完全レビューをご覧ください。

ドラッグ&ドロップエディターを使用して、ユーザー登録フォームを簡単にデザインできます。また、Advanced Custom Fieldsのようなプラグインともシームレスに統合できるため、追加のユーザープロファイルフィールドを簡単に挿入できます。

ユーザー登録フォームを編集

詳細な手順については、WordPressでカスタムユーザー登録フォームを作成する方法に関するチュートリアルに従ってください。

WordPressユーザープロファイルフィールドに関するよくある質問

読者から、ユーザー登録フォームのカスタマイズについてよく質問を受けます。追加のプロフィールフィールドに関する最も一般的な質問への回答を以下に示します。

1.これらのカスタムフィールドをサイトのフロントエンドに表示できますか?

はい、ただし、テーマファイルを編集する必要があることがよくあります。コードに慣れていない場合は、SeedProdのようなテーマビルダーを使用して、このデータを動的に取得するカスタム作成者ページを作成できます。

2.登録中に特定のフィールドを必須にするにはどうすればよいですか?

このガイドのどちらのプラグインでも、フィールドを必須にすることができます。Advanced Custom Fieldsでは、フィールドを作成する際に「検証」タブの下にある「必須」スイッチを切り替えるだけです。

3.プラグインの代わりにコードを使用してユーザープロフィールフィールドを追加できますか?

はい、コードスニペットをサイトに追加してフィールドを手動で作成できます。ただし、これは技術的であり、誤って実行するとサイトが破損する可能性があります。この方法を選択する場合は、WPCodeを使用してカスタムスニペットを安全に追加および管理することをお勧めします。

4.追加フィールドを追加すると、登録ページが遅くなりますか?

いくつかのテキストまたは数値フィールドを追加しても、パフォーマンスに影響はありません。ただし、多数の複雑なフィールドを追加すると、ユーザーエクスペリエンスが低下する可能性があります。サインアップを促進するために、常に登録フォームをできるだけ短くしてください。

5.ユーザーロールごとに異なるフィールドを表示できますか?

はい。Advanced Custom Fields には、フィールドが表示されるタイミングと場所を決定できる「ロケーションルール」が含まれています。ユーザーロールが「Author」または「Subscriber」と一致する場合にのみ特定のフィールドを表示するようにルールを設定できます。

追加リソース

このチュートリアルが、WordPress の登録に追加のユーザープロファイルフィールドを追加する方法を学ぶのに役立ったことを願っています。これらの追加リソースも参照してください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

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

究極のWordPressツールキット

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

読者とのインタラクション

26件のコメント返信する

  1. 追加で一点、サインアップを躊躇させる可能性があるため、本当に必要なフィールドを慎重に検討することをお勧めします。ウェブサイトの目標に応じて、どのカスタムフィールドを含めるかを優先する方法について話し合うと役立つかもしれません。
    良いリソースですね、WPBeginner!

  2. ガイドをありがとうございます。年齢やジオロケーションなどを登録フォームに追加できるのは素晴らしいことです。ユーザーについて興味のある点です。ターゲットオーディエンスを特定し、ウェブサイトのデザインやコンテンツのトピックをそれに応じて調整しやすくなります。素晴らしいです。

    ところで:Google Analyticsで多くのことを調べられることは知っていますが、まだ使いこなせていません。Google Analyticsの詳細な説明の記事を書く予定はありますか?もしそうなら、まだ見つかっていません。

    • 現時点ではGoogleアナリティクスのガイドはありませんが、Googleのデータを理解するのに役立つMonsterInsightsをご覧になることをお勧めします:)

      管理者

  3. ユーザープロフィールに追加情報(体重、身長、好みなど)を追加できる、無料のQ&Aプラグインを探しています。
    よろしくお願いします!

  4. ここでいくつかアドバイスが必要です…カスタムユーザー登録フィールドをExcelシートなどにエクスポートするにはどうすればよいですか?つまり、「私たちについてどうやって知りましたか」とユーザーが答えた場合、個々のユーザープロファイルにアクセスすることなく、多数のユーザーのその情報を表示するにはどうすればよいですか?

    どんな助けでも、本当にありがとうございます!
    -Jon

  5. 皆さん、こんにちは。外部プラグインを使わずにWordPressで何かを作るのが好きなので、自分で作っています。すべてのユーザーのユーザープロフィールフォームにソーシャルメディアのフィールドを正常に追加しました。
    しかし、国を選択するドロップダウンメニューの追加で詰まっています。
    ここにWooCommerceの専門家はいらっしゃいますか?
    class-wc-countries.php ファイルの中にドロップダウン機能がありますが、それを登録フォームとユーザープロフィールフォームで同じように機能させたいと思っています。
    もちろんこれはWooCommerceから取ってきたものですが、WCが無効な状態でも動作するようにこのコードを抽出するにはどうすればよいですか?
    私の英語が下手で申し訳ありません。

  6. これは素晴らしいプラグインです!

    しかし、おそらくバグを見つけました。

    WP 4.1.2 と Cimy User Extra Fields を使用していますが、アップロードされたファイルがユーザーのプロフィールやフィールドに表示されません。
    注意: WP のバックエンドでのみファイルをアップロードできます。

    誰か解決策を持っていますか?または、より良い、完全に機能する代替手段はありますか?

    ありがとうございます!

  7. すべてのチュートリアルに従い、国、地域/都道府県、都市のデータを準備しました。しかし、ドロップダウンリストから選択できるようにする方法がわかりません。

    これを解決する方法について、何か提案はありますか?

    ありがとう

  8. また、特定のユーザーがプロファイルで以下のオプションに一致したかどうかを(phpまたはjsで)確認するにはどうすればよいですか?(一致したオン/オフオプションに関する情報を表示したいです)

  9. このチュートリアルを見つけました。新しいプロジェクトで多くの時間を節約できました。Oi Frontend Profileを使用して、ユーザーがCimy User Extra Fileds(CUEF)によって作成されたフィールドを含むプロファイルの詳細をフロントエンドで更新できるようにしました。ユーザーの1人が、プロファイルを更新すると、CUEFによって作成されたフィールドが消えて更新されないと苦情を言うまで機能していました。デフォルトのWPフィールドのみが更新されます。

    周りを見回して、同じ問題を抱えている他の開発者をここで見つけました:https://stackoverflow.com/questions/11874083/wordpress-edit-user-and-cimy-user-extra-fields。彼はフィールド名の前に「cimy_uef_」を追加することでバグを修正する方法を見つけました。彼はフィールド名の前に「cimy_uef_」を追加することで何を意味しているのか理解できません。どこで/どのように「cimy_uef_」を追加してこれを修正すればよいですか?助けてください。ありがとう。

  10. はい、このプラグインは非常に優れていて使いやすいです。しかし、追加フィールドをページに表示する方法がわかりません。ショートコードはありますか?誰か助けてくれますか?

    • WordPress.orgリポジトリでのレビューをお待ちしております。具体的な問題点を強調し、プラグインの作者が問題を改善できるようヒントを提供していただけると幸いです。単に「史上最悪のユーザーフレンドリーでないプラグイン」と言うだけでは、誰の役にも立ちません:)

      管理者

      • 私が見た限りでは、プラグインの作者は批判やヘルプ要求にあまり反応しないようです…

        ドキュメントはかなりの作業が必要ですが、プラグイン自体は概ねかなり機能的です。最終的には、プラグインによって生成されたフィールドにプレースホルダー属性を適用するために、少しハッキーなJavaScriptソリューションを考案する必要がありましたが、必要なことはできました。

  11. 素晴らしい記事で、とても参考になりました!このプラグインによって生成されたテキストフィールドにHTML5のプレースホルダー属性を追加することは可能ですか?

  12. 素晴らしい記事です、ありがとうございます!

    追加のユーザーフィールドに加えて、フロントエンドのログイン、登録、プロフィールの編集機能も探している場合は、Profile Builderが検討する価値のある代替手段になる可能性があります:http://wordpress.org/extend/plugins/profile-builder/

  13. 素晴らしいプラグイン情報ありがとうございます。Code Canyon / Envato – プレミアムプラグインを推奨しないことを願っています。私はちょうどそれらの製品の1つを購入した不快な経験をしました。ダウンロードする前に開発者がそれを削除し、Envato は開発者とやり取りする必要があると言われましたが、開発者は私のメールに返信しませんでした。Envato は購入費用の50%を徴収しているにもかかわらず、顧客を支持しません!すごい。それは無駄金でした。

返信する

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