WordPressにはデフォルトで標準の登録フォームが付属しています。
ただし、ユーザーにソーシャルメディアプロフィールを共有させたい場合があります。または、登録時にビジネスの電話番号を提出させたい場合もあります。これらのことはすべて、さらにプロフィールフィールドを追加することで実現できます。
これを行うことで、会員サイト、オンラインコース、コミュニティフォーラムなど、ウェブサイトの目標をサポートするために特定のデータを収集するのに役立ちます。
この記事では、WordPressの登録フォームにユーザープロフィールフィールドを簡単に追加する方法を説明します。
WordPress登録にユーザープロフィールフィールドを追加する理由
WordPressウェブサイトの登録フォームにさらにユーザープロフィールフィールドを追加することで、ユーザーから追加情報を収集できます。これにより、マーケティングキャンペーンを改善したり、コンテンツをパーソナライズしたり、オーディエンスについてさらに詳しく知ることができます。
たとえば、WordPressサイトに登録する際に、ユーザーに電話番号やソーシャルメディアプロフィールを提供するように依頼できます。
このようにして、ターゲットを絞ったSMSメッセージをユーザーに送信したり、ソーシャルメディアアカウントでWordPressブログを宣伝するように依頼したりできます。
これらの追加フィールドは、会員制ウェブサイトを運営している場合や、ユーザーがブログの購読者としてサインアップできるようにしている場合に役立ちます。また、複数の著者がいるブログで他の著者の追加連絡先情報を保存したい場合にも役立ちます。
それでは、WordPressにユーザープロフィールフィールドを簡単に追加する方法を見ていきましょう。このチュートリアルでは2つの方法について説明します。お好みの方法にジャンプするには、以下のリンクをご利用ください。
- 方法1：Advanced Custom Fieldsを使用してカスタムユーザープロフィールフィールドを追加する（推奨）
- 方法2：Profile Extra Fieldsで追加のユーザープロフィールフィールドを追加する（簡単＆シンプル）
- ボーナス：WordPressでカスタムユーザー登録フォームを作成する
方法1：Advanced Custom Fieldsを使用してカスタムユーザープロフィールフィールドを追加する（推奨）
WordPressに追加のユーザープロフィールフィールドを追加する最良の方法は、Advanced Custom Fieldsプラグインを使用することです。これにより、複数のフィールドを選択し、ニーズに合わせてカスタマイズできます。
まず、Advanced Custom Fieldsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
プラグインを有効化したら、WordPress管理画面のサイドバーからACF » フィールドグループに移動し、「+ フィールドグループを追加」ボタンをクリックします。
新しいページに移動したら、まずフィールドグループの名前を入力することから始めます。
これは、個々のユーザーのフィールドではなく、フィールドグループ全体の名前になることに注意してください。
その後、「フィールド」セクションまでスクロールし、ドロップダウンメニューからフィールドタイプを選択します。
例えば、ユーザーに登録時に電話番号を提供してもらいたい場合は、「数値」オプションを選択できます。あるいは、ユーザーにソーシャルメディアプロフィールを提供してもらいたい場合は、「テキスト」オプションを選択できます。
それが完了したら、「フィールドラベル」オプションにフィールドの名前を入力します。例えば、ユーザーに登録前にTwitterハンドルを提供してもらいたい場合は、そのフィールドに入力できます。
プラグインは、ラベル名に基づいてフィールド名を自動生成します。
次に、上部にある「検証」タブに切り替える必要があります。ここで、スイッチを切り替えることでフィールドを必須にすることができます。
これにより、ユーザーは追加フィールドに入力しないと、WordPressサイトに登録できなくなります。
その後、カスタムフィールドの文字数制限を設定することもできます。
次に、上部にある「表示」タブに切り替えます。
そこに移動したら、追加のユーザープロファイルフィールドのプレースホルダーテキスト、説明、およびラッパー属性を追加できます。
次に、「設定」セクションまでスクロールダウンし、「場所ルール」タブが選択されていることを確認します。ここで、カスタムフィールドの条件付きロジックを設定して、WordPressサイトの登録フォームにのみ表示されるようにする必要があります。
これを行うには、画面左隅のドロップダウンメニューから「ユーザーフォーム」オプションを選択します。その後、右隅のドロップダウンメニューから「登録」オプションを選択します。
最後に、画面上部にある「変更を保存」ボタンをクリックして設定を保存します。
追加フィールドをさらに追加したい場合は、「+ フィールドを追加」ボタンをクリックすることもできます。
次に、ユーザー登録ページにアクセスして、追加されたユーザープロファイルフィールドが機能していることを確認してください。
これは、デモウェブサイトでの表示方法です。
方法2：Profile Extra Fieldsで追加のユーザープロフィールフィールドを追加する（簡単＆シンプル）
この方法を使用すると、WordPressでユーザープロファイルやユーザー登録フォームに余分なフィールドをすばやく簡単に追加できます。柔軟性は少し劣りますが、目的は達成できます。
まず、Profile Extra Fields プラグインをインストールして有効化する必要があります。方法がわからない場合は、WordPress プラグインのインストール方法に関する完全なガイドをご覧ください。
プラグインが有効化されたら、登録フォームで使用する追加のユーザープロファイルフィールドを作成する時間です。
例として電話番号フィールドを作成しますが、これらのフィールドは好きなだけ追加できます。
まず、WordPress 管理サイドバーから Profile Extra Fields » 新規追加 ページにアクセスします。ここで、「名前」オプションの横にフィールドの名前を入力します。
たとえば、ユーザーに電話番号を送信させるフィールドを作成している場合は、フィールド名として「電話番号」と入力できます。
その後、ドロップダウンメニューからフィールドタイプを選択します。ソーシャルメディアプロファイルフィールドを追加している場合は、「テキストフィールド」オプションを使用できます。
ただし、電話番号用のフィールドが必要な場合は、ドロップダウンメニューからそのオプションを選択する必要があります。
その後、電話番号フィールドのパターンを入力したり、説明を追加したりすることもできます。
次に、「フィールドプロパティ」セクションまでスクロールダウンし、このフィールドを表示したいユーザーロールのチェックボックスをオンにします。
たとえば、WordPressサイトに登録するすべての著者にこのフィールドを表示したい場合は、このユーザーロールの横にあるチェックボックスをオンにすることができます。
必要なユーザーロールはいくつでも選択できます。
その後、このフィールドをフォームに入力せずにユーザーが登録できないようにしたい場合は、「必須」ボックスをオンにすることもできます。
ユーザーフィールドがフォームに表示されるように、「ユーザー登録フォームに常に表示」ボックスがオンになっていることを確認してください。
最後に、「変更を保存」ボタンをクリックして設定を保存します。
次に、新しい登録の設定を変更するためにWordPressダッシュボードに移動する必要があります。
WordPress管理エリアの設定 » 一般ページに移動し、メンバーシップボックスをオンにして、誰でもあなたのウェブサイトに登録できるようにします。
次に、追加のフィールドを追加したロールにデフォルトのロールが設定されていることを確認する必要があります。その後、「変更を保存」ボタンをクリックして設定を保存します。
この方法で、新規ユーザーが持つアクセスレベルを制御でき、これにより、このチュートリアルで前述したフィールドが表示されるように登録フォームが強制されます。
こちらが、デモウェブサイトのデフォルトの登録フォームの外観です。
ボーナス：WordPressでカスタムユーザー登録フォームを作成する
このチュートリアルで紹介した方法は、デフォルトのWordPress登録フォームにカスタムユーザープロファイルフィールドを追加する方法を示しました。
ただし、WordPressでカスタムユーザー登録フォームを作成したい場合は、WPFormsプラグインを使用して簡単に作成することもできます。
私たちの意見では、これは最高のWordPressフォームプラグインです。お問い合わせフォームや年次アンケートの作成に使用しました。私たちの経験について詳しく知りたい場合は、WPFormsの完全なレビューをご覧ください。
ドラッグ＆ドロップエディターを使用して、ユーザー登録フォームを簡単にデザインできます。また、Advanced Custom Fieldsのようなプラグインともシームレスに統合できるため、追加のユーザープロファイルフィールドを簡単に挿入できます。
詳細な手順については、WordPressでカスタムユーザー登録フォームを作成する方法に関するチュートリアルをご覧ください。WordPressでカスタムユーザー登録フォームを作成する方法
このチュートリアルで、WordPressの登録にユーザープロファイルフィールドを追加する方法を学んでいただけたことを願っています。また、カスタムWordPressログインページを作成する方法に関する初心者向けガイドや、WordPressの最適なフロントエンド投稿プラグインの比較もご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
デニス・ムトミ
追加で一点、サインアップを躊躇させる可能性があるため、本当に必要なフィールドを慎重に検討することをお勧めします。ウェブサイトの目標に応じて、どのカスタムフィールドを含めるかを優先する方法について話し合うと役立つかもしれません。
良いリソースですね、WPBeginner！
イジー・ヴァネック
ガイドをありがとうございます。年齢やジオロケーションなどを登録フォームに追加できるのは素晴らしいことです。ユーザーについて興味のある点です。ターゲットオーディエンスを特定し、ウェブサイトのデザインやコンテンツのトピックをそれに応じて調整しやすくなります。素晴らしいです。
ところで：Google Analyticsで多くのことを調べられることは知っていますが、まだ使いこなせていません。Google Analyticsの詳細な説明の記事を書く予定はありますか？もしそうなら、まだ見つかっていません。
WPBeginnerサポート
We don’t have a guide for Google Analytics at the moment but we would recommend taking a look at MonsterInsights to help with understanding Google’s data
管理者
Othman Deraz
ユーザープロフィールに追加情報（体重、身長、好みなど）を追加できる、無料のQ&Aプラグインを探しています。
よろしくお願いします！
Jonathan Kotwicki
ここでいくつかアドバイスが必要です…カスタムユーザー登録フィールドをExcelシートなどにエクスポートするにはどうすればよいですか？つまり、「私たちについてどうやって知りましたか」とユーザーが答えた場合、個々のユーザープロファイルにアクセスすることなく、多数のユーザーのその情報を表示するにはどうすればよいですか？
どんな助けでも、本当にありがとうございます！
-Jon
Gabrielle
皆さん、こんにちは。外部プラグインを使わずにWordPressで何かを作るのが好きなので、自分で作っています。すべてのユーザーのユーザープロフィールフォームにソーシャルメディアのフィールドを正常に追加しました。
しかし、国を選択するドロップダウンメニューの追加で詰まっています。
ここにWooCommerceの専門家はいらっしゃいますか？
class-wc-countries.php ファイルの中にドロップダウン機能がありますが、それを登録フォームとユーザープロフィールフォームで同じように機能させたいと思っています。
もちろんこれはWooCommerceから取ってきたものですが、WCが無効な状態でも動作するようにこのコードを抽出するにはどうすればよいですか？
私の英語が下手で申し訳ありません。
leev
素晴らしいプラグインですが、追加フィールドをauthor.phpに表示するにはどうすればよいですか？
RunDEv
これは素晴らしいプラグインです！
しかし、おそらくバグを見つけました。
WP 4.1.2 と Cimy User Extra Fields を使用していますが、アップロードされたファイルがユーザーのプロフィールやフィールドに表示されません。
注意: WP のバックエンドでのみファイルをアップロードできます。
誰か解決策を持っていますか？または、より良い、完全に機能する代替手段はありますか？
ありがとうございます！
WPBeginnerサポート
プラグインにバグを見つけたと思われる場合は、プラグインウェブサイトのサポートタブを使用してプラグインの著者に連絡してください。
管理者
Antok Prima
すべてのチュートリアルに従い、国、地域/都道府県、都市のデータを準備しました。しかし、ドロップダウンリストから選択できるようにする方法がわかりません。
これを解決する方法について、何か提案はありますか？
ありがとう
匿名
また、特定のユーザーがプロファイルで以下のオプションに一致したかどうかを（phpまたはjsで）確認するにはどうすればよいですか？（一致したオン/オフオプションに関する情報を表示したいです）
Syaifuddin Hamzah
このチュートリアルを見つけました。新しいプロジェクトで多くの時間を節約できました。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_」をどこに/どのように追加すればよいですか？助けてください。ありがとう。
Lalit Nagrath
新しいカスタムフィールドを追加しましたが、必須にするにはどうすればよいですか？
Syaifuddin Hamzah
「空にすることができます」チェックボックスのチェックを外すと必須になると思います。
SaWKaT
はい、このプラグインは非常に優れていて使いやすいです。しかし、追加フィールドをページに表示する方法がわかりません。ショートコードはありますか？誰か助けてくれますか？
wuha
get_cimyFieldValue($curauth->ID, ‘value’
デビッド
このプラグインは史上最悪のユーザーフレンドリーなプラグインです
編集スタッフ
Would love to see your review in the WordPress.org repository. Please highlight specific issues and perhaps give pointers, so the plugin author can improve the issues. Simply saying it is worst user friendly plugin ever doesn’t really help anyone
管理者
マイク
私が見た限りでは、プラグインの作者は批判やヘルプ要求にあまり反応しないようです…
ドキュメントはかなりの作業が必要ですが、プラグイン自体は概ねかなり機能的です。最終的には、プラグインによって生成されたフィールドにプレースホルダー属性を適用するために、少しハッキーなJavaScriptソリューションを考案する必要がありましたが、必要なことはできました。
デビッド
笑、時間がなかったので、とにかくCimyよりも優れたプラグインで、同じことをします。
http://wordpress.org/plugins/register-plus-redux/
Do a review on it.
ジシャン
ありがとうございます、素晴らしい記事です。
マイク
素晴らしい記事で、とても参考になりました！このプラグインによって生成されたテキストフィールドにHTML5のプレースホルダー属性を追加することは可能ですか？
編集スタッフ
完全にはわかりません。プラグインの開発者にお問い合わせください。
管理者
Adrian
素晴らしい記事です、ありがとうございます！
追加のユーザーフィールドに加えて、フロントエンドのログイン、登録、プロフィール編集機能も探している場合は、Profile Builder が検討する価値のある代替手段になるかもしれません: http://wordpress.org/extend/plugins/profile-builder/
Evelyn
また素晴らしい投稿をありがとうございます！私がフォローしている中で最も価値のあるページです！
Karen F
素晴らしいプラグイン情報ありがとうございます。Code Canyon / Envato – プレミアムプラグインを推奨しないことを願っています。私はちょうどそれらの製品の1つを購入した不快な経験をしました。ダウンロードする前に開発者がそれを削除し、Envato は開発者とやり取りする必要があると言われましたが、開発者は私のメールに返信しませんでした。Envato は購入費用の50％を徴収しているにもかかわらず、顧客を支持しません！すごい。それは無駄金でした。