ワードプレスプラグインの使い方ならWPホームページ研究所へ

  • ホームに移動
  • 開発者について
  • 無料ダウンロードはこちら
  • 各種導入サポート
  • メールを受け取る
  • 最終更新日:2020/07/21

会員制サイトの構築に便利なTheme My Loginをカスタムするコツ(応用編)

  • このエントリーをはてなブックマークに追加
  • Tweet
  • Pocket
  • LINEで送る

先日の記事「会員制サイトの構築に便利なTheme My Loginをカスタムするコツ(設定編)」の続きです。本日は登録フォームのカスタマイズ方法など細かな設定を行なっていきます。会員制サイトとなるとカスタムしたくなる部分が意外と多いですがすべて行うと膨大な費用がかかるので本記事ではさくっと進めましょう。

<カスタムする部分>
・ユーザー登録専用の入力フォーム
・登録フォームの文言を変更
・ユーザー登録時の自動配信メール

<本来するべき部分>
・外部ライターさんが記事の投稿に迷わないように投稿画面で不要なメニューを非表示にする
・投稿画面で外部ライターさんがつまづきそうなわかりづらい文言を適切に変更する
・管理画面内で優先度が低めのコンテンツや外部ライターさんが使っていない機能は削除
・他のライターさんが投稿した記事やアップロードした画像を見えなくする処理
・各ライターさんのがログインした際に限り新規記事作成画面に自動で転送(管理者ではしない)
・記事作成時に参考にした文献などをメモとして書き留められる機能を実装しておく

目次

  • Theme My Loginで会員制サイトを作成するコツ(設定編)
    • 登録フォームに項目を追加する方法
    • エラーメッセージの設定
    • データの保存を設定する
    • ユーザー登録をテストする
  • まとめ

Theme My Loginで会員制サイトを作成するコツ(設定編)

なお、今回の記事では「テーマ」を変更いたしました。前回まではTwenty Twentyでしたが「Twenty Fifteen」に切り替えています。ちなみにTheme My Loginはどんなテーマにでも導入可能なので参考用です。

では今回は登録フォームに独自の項目を追加していきましょう。カスタマイズは導入中のテーマのフォルダ内にある「functions.php」へ追記すればOKです。ただ、テーマによっては定期的なアップデート(更新)が入るのでかならず「子テーマ化」して「子テーマのなかにあるfunctions.php」を編集してください。

子テーマの導入後は下記のフォルダ構成になります。もし「Twenty Fifteen」の子テーマが必要であればこちらからダウンロードしてください。ZIP圧縮ファイルなので管理画面からでもアップロード可能です。

登録フォームに項目を追加する方法

登録フォームへの追加は以下の命令文で行います。

//登録フォームのカスタマイズ
function add_tml_registration_form_fields() {
	tml_add_form_field( 'register', 'my_full_name', array(
		'type'     => 'text',
		'label'    => '名前(必須)',
		'value'    => tml_get_request_value( 'my_full_name', 'post' ),
		'id'       => 'my_full_name',
		'priority' => 5,
	) );
}
add_action( 'init', 'add_tml_registration_form_fields' );

実際に書き込んだ状態が下記です。

すると登録フォームに追加されます。表示されるフォームの順番はpriorityの値で管理されています。

エラーメッセージの設定

ただ、この状態ではエラーメッセージが出力されません。元々のフォーム「ユーザー名」と「メールアドレス」には表示されますが追加したフォームに対してのメッセージは個別で設定が必要です。

メッセージの設定は以下で行います。

function validate_tml_registration_form_fields( $errors ) {
	if ( empty( $_POST['my_full_name'] ) ) {
		$errors->add( 'empty_my_full_name', '<strong>エラー</strong>: 名前(必須)を入力してください。' );
	}
	return $errors;
}
add_filter( 'registration_errors', 'validate_tml_registration_form_fields' );

追加設定をするとエラーメッセージが表示されます。必須のみ設定すればOKです。

データの保存を設定する

次に登録フォームで送信した内容を保存するための設定を行います。

//データを保存する
	function save_tml_registration_form_fields( $user_id ) {
		if ( isset( $_POST['my_full_name'] ) ) {
			update_user_meta( $user_id, 'my_full_name', sanitize_text_field( $_POST['my_full_name'] ) );
		}
	}
	add_action( 'user_register', 'save_tml_registration_form_fields' );

以上で「入力された登録データの保存まで」が無事完了となります。手順を少し省略していても複雑ですね。やはり「会員登録ができる会員制サイト」は意外と処理が多いので複雑なカスタマイズになります。

ユーザー登録をテストする

登録フォームを少し微調整しました。都道府県のセレクトボックス化に対応すればプルダウンで47候補から選べるようになるのでより使いやすくなるはずです。今回はセレクトボックス化は省略いたします。

各フォーム直下の補足文字は'description' => '補足文字',として追加すれば使用可。本手順ではユーザー名とメールを「ユーザー名(必須)」と「メールアドレス(必須)」にしたので設定を上書き済みです。

💻受講料無料でプログラミング習得

⇒ 完全無料のプログラミングスクール - 手に職をつけて安定的に働きたい人へ -

登録が完了すると以下の画面に切り替わります。

メール内の「パスワード設定用リンク」を開くとパスワードを設定できます。

パスーワードの設定はリセット画面で下記で行います。

リセット後にログインすればOKです。

なお、「パスワード設定」をユーザー登録時に行うことも可能です。

ユーザー登録時にパスワードを設定する方がスムーズかもしれません。項目数が増えるので好みでOKです。

登録フォームのカスタマイズは以上です。

まとめ

前回の記事が基本的な設定、そして今回の記事が詳細の設定を行う応用編となります。記事の通り実装を行えば外部ライターさんが自らユーザー登録のフォーム画面から参加する流れまでが完成いたします。

文言調整など最終的な微調整は別の記事で作成するので次回の記事もぜひご参照くださいませ。

最新式の無料プラグインを事前公開

WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する

ワードプレス専門家に丸投げする

WPホームページ研究所はワードプレスを中心としたブログ作成・ホームページ制作・オウンドメディア構築・プラグイン設定・調整など幅広いカスタマイズに対応しております。 記事の掲載情報はもちろんお好みの機能をいただければ専属スタッフが心を込めて対応させていただきます。まずはお気軽にお問い合わせくださいませ。

お問い合わせの種類をお選びください(もっとも近い項目)

法人の場合は法人名とご担当者のお名前をご入力ください

返信時のご連絡に利用するメールアドレスをご入力ください

運営中のウェブサイトURLがあればご入力ください

お困りの内容があれば詳しい内容をお聞かせください

  1. ホーム /
  2. WordPressのカスタマイズ /
  3. 会員制サイトの構築に便利なTheme My Loginをカスタムするコツ(応用編)
アバター

OMUSUVI / 月1万PVの獲得を届けるワードプレス専門コンサルタント

成果の出ないウェブサイトを90日間で改善するワードプレス専門アドバイザー。Webプログラミング技術からWordPress情報を発信しつつ「テクノロジーで世界を変える」と誓いデジタルマーケティングに汗を流す。

関連記事

  • 会員限定のLPを立ち上げる方法

  • 記事に会員向け設定を追加しなくても自動コンテンツ制御ができる「Restrict User Access」

  • 無料で会員サイトが立ち上げられる「Ultimate Member」

  • 会員サイト構築に便利なプラグイン「Groups」

  • 会員制サイトの機能解説

  • Simple Membershipで保護設定をONにするプラグイン

ランディングページ専用無料テーマ

人気の記事

  • Rakuten Linkアプリから発信しても「my 楽天モバイル」の【利用状況】の通話に履歴が残らない件 23,052件のビュー
  • 特定ページにインストール済みの違うテーマを適用できる便利プラグインMultiple Themes 19,216件のビュー
  • バンドルカードに余ってしまった残高を可能な限り最後まで使い切る方法 14,575件のビュー
  • ウーバーイーツの配送手数料無料に便乗して注文してみました 12,639件のビュー
  • コピペでOK!WordPressで特定ページを検索エンジンにインデックスさせない方法 11,267件のビュー

キーワードで検索する

書いているひと

月1万PVの獲得を届ける
ワードプレス専門コンサルタント
(@OMUSUVIcom)

成果の出ないウェブサイトを90日間で改善
するワードプレス専門アドバイザーです。

“アクセスが少ないウェブサイト”に対して
明確な理由と解決策をご提示いたします。

あてもなくコンテンツを作るのではなく
しっかりと綿密な計画を練りましょう。

カテゴリー別で探す

  • WordPressが動くサーバー
  • WordPressに活用できる技術
  • WordPressのインストール
  • WordPressのカスタマイズ
  • WordPressのトラブル
  • WordPressの使い方
  • WordPressの運用テーマ
  • WordPressブログ勉強旅
  • WordPressマーケティング入門
  • WordPress以外の小話
  • WordPress向け便利ツール
  • 大人気のWordPressプラグイン
  • 研究所からお知らせ
  • 簡単WordPressの始め方

習得済みのテクノロジー

関連するキーワード

Contact Form 7 CSS Easy Digital Downloads functions.php Googleアナリティクス iPhone Mixhost SEO LandingPage SEOランディングページ Simple Membership SQLite Stripe WordPress WP SEO LandingPage Plugin Xserver アップデート エックスサーバー オウンドメディア カスタマイズ コンテンツマーケティング データベース ドメイン ドメイン移管 バージョンアップ ブログ プラグイン ホームページ マーケティング ミックスホスト メールアドレス ランディングページ レンタルサーバー ワードプレス ワードプレス専用テーマ 会員サイト 会員制サイト 初心者 日本通信SIM 条件分岐 検索エンジン 独自ドメイン 管理画面 管理画面カスタマイズ 管理画面カスタム 管理画面制御
  • ホームに移動
  • 研究所について
  • お問い合わせはこちら

© Copyright 2022 ワードプレスプラグインの使い方ならWPホームページ研究所へ. All rights reserved.