プラグインなしで会員のみが閲覧可能なWordPressを構築するスニペット

/************************
ログイン
*************************/
function my_user_login() {
    $user_name = isset( $_POST['user_name'] ) ? sanitize_text_field( $_POST['user_name'] ) : '';
    $user_pass = isset( $_POST['user_pass'] ) ? sanitize_text_field( $_POST['user_pass'] ) : '';

    // ログイン認証
    $creds = array(
        'user_login' => $user_name,
        'user_password' => $user_pass,
    );
    $user = wp_signon( $creds );

    //ログイン失敗時の処理
    if ( is_wp_error( $user ) ) {
        echo $user->get_error_message();
        exit;
    }

    //ログイン成功時の処理 
    wp_redirect( 'https://dubdesign.net/member/' );
    exit;

    return;
}

/**
 * after_setup_theme に処理をフック
 */
add_action('after_setup_theme', function() {
    if ( isset( $_POST['my_submit'] ) && $_POST['my_submit'] === 'login') {

        // nonceチェック
        if ( !isset( $_POST['my_nonce_name'] ) ) return;
        if ( !wp_verify_nonce( $_POST['my_nonce_name'], 'my_nonce_action' ) ) return;

        // ログインフォームからの送信があれば
        my_user_login();
    }
});

//ログインここまで
//

<?php
/*
Template Name: メンバー登録
Template Post Type: page
*/
?>
<?php 
  get_header(); 
  sng_category_query();
?>
<?php //ログインUI ?>
<div class="loginForm">
<img src="https://dubdesign.net/member/wp-content/uploads/2022/03/bluefvsp_logoonly2.svg" alt="ロゴ">
<form class="my_form" name="my_login_form" id="my_login_form" action="" method="post">
    <div class="formUsername">
		<label for="login_user_name">ユーザID</label>
        <input id="login_user_name" name="user_name" type="text" required>
    </div>
    <div class="formPassword">
        <label for="login_password">パスワード</label>
        <input id="login_password" name="user_pass" id="user_pass" type="password" required>
    </div>
    <button type="submit" name="my_submit" class="my_submit_btn" value="login">ログイン</button>
    <p class="my_forgot_pass">
        <a href="/member/wp-login.php?action=lostpassword">パスワードを忘れた方はこちらから</a>
    </p>
    <?php wp_nonce_field( 'my_nonce_action', 'my_nonce_name' );  //nonceフィールド設置 ?>
</form>
</div>
<?php //新規メンバー ?>
<div class="memberResist">
	<p>アカウントをお持ちでないですか？</p>
	<a href="/member/regist/">メンバー新規登録</a>
</div>
<?php get_footer(); ?>

/************************
購読者で会員登録
*************************/
function my_user_signup() {
    $user_name  = isset( $_POST['user_name'] ) ? sanitize_text_field( $_POST['user_name'] ) : '';
    $user_pass  = isset( $_POST['user_pass'] ) ? sanitize_text_field( $_POST['user_pass'] ) : '';
    $user_email = isset( $_POST['user_email'] ) ? sanitize_text_field( $_POST['user_email'] ) : '';
	$display_name = isset( $_POST['display_name'] ) ? sanitize_text_field( $_POST['display_name'] ) : '';

    //空じゃないかチェック
    if ( empty( $user_name ) || empty( $user_pass ) || empty( $user_email ) || empty( $display_name ) ) {
        echo '情報が不足しています。';
        exit;
    }

    //すでにユーザー名が使われていないかチェック
    $user_id = username_exists( $user_name );
    if ( $user_id !== false ) {
        echo 'すでにユーザー名「'. $user_name .'」は登録されています';
        exit;
    }

    //すでにメールアドレスが使われていないかチェック
    $user_id = email_exists( $user_email );
    if ( $user_id !== false ) {
        echo 'すでにメールアドレス「'. $user_email .'」は登録されています';
        exit;
    }

    //問題がなければユーザーを登録する処理を開始
    $userdata = array(
        'user_login' => $user_name,       //  ログイン名
        'user_pass'  => $user_pass,       //  パスワード
        'user_email' => $user_email,      //  メールアドレス
		'display_name' => $display_name, //  表示名
	);
    $user_id = wp_insert_user( $userdata );

    // ユーザーの作成に失敗した場合
    if ( is_wp_error( $user_id ) ) {
        echo $user_id -> get_error_code(); // WP_Error() の第一引数
        echo $user_id -> get_error_message(); // WP_Error() の第二引数
        exit;
    }
	
    //登録完了ページへ
    wp_redirect( 'https://dubdesign.net/member/welcomepage/' );
    exit;

    return;
}

/**
 * after_setup_theme に処理をフック
 */
add_action('after_setup_theme', function() {

    //会員登録フォームからの送信があるかどうか
    if ( isset( $_POST['my_submit'] ) && $_POST['my_submit'] === 'signup') {

        // nonceチェック
        if ( !isset( $_POST['my_nonce_name'] ) ) return;
        if ( !wp_verify_nonce( $_POST['my_nonce_name'], 'my_nonce_action' ) ) return;

        // 登録処理を実行
        my_user_signup();
    }
});

//会員登録ここまで

<?php
/*
Template Name: メンバー登録
Template Post Type: page
*/
?>
<?php 
  get_header(); 
  sng_category_query();
?>
<?php //会員登録 ?>
<!-- modalOne -->
<div id="modalOne" class="modal">
   <div class="modal-content">
     <div class="modal-top">
       <span class="modal-close">×</span>
      </div>
     <div class="modal-container">
       <img class="img" src="https://dubdesign.net/wp-content/uploads/2021/11/cms.svg" alt="">
       <p>Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。</p><p>1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。</p><p>1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windowsでコンピューターの世界が広がります。1234567890Windo</p>
     </div>
   </div>
</div>
<!-- modalOne -->
<div class="loginForm" style="margin-bottom: 60px;">
<form class="my_form" name="my_signup_form" id="my_signup_form" action="" method="post">
    <div class="formUsername">
        <label for="signup_user_name">ユーザID</label>
        <input id="signup_user_name" name="user_name" type="text" required>
    </div>
    <div class="formUsername">
		<label for="signup_nickname">ニックネーム</label>
        <input id="signup_user_name" name="display_name" type="text" required>
    </div>
    <div class="formUsername">
        <label for="signup_password">パスワード</label>
        <input id="signup_password" placeholder="半角英数字8文字以上" name="user_pass" id="user_pass" type="password" required>
    </div>
    <div class="formPassword">
        <label for="signup_email">メールアドレス</label>
        <input id="signup_email" name="user_email" type="email" required>
    </div>
	<div class="contactAgree">
		<p>利用規約に同意の上、ご登録ください。<a class="modal-toggle btn-example" data-modal="modalOne">利用規約はこちら</a></p>
		<input type="checkbox" id="termCheck"  name="agree" value="agreement">
		<label for="termCheck" class="checkagree">利用規約に同意する</label>
	</div>
	<button id="submitButton" type="submit" name="my_submit" class="my_submit_btn" value="signup">メンバー登録</button>
	<p class="my_forgot_pass">
		<a href="/member/login">ログインはこちらから</a>
	</p>
	<?php wp_nonce_field( 'my_nonce_action', 'my_nonce_name' );  //nonceフィールド設置 ?>
</form>
</div>
<script>
// 同意でログインボタンON
document.addEventListener('DOMContentLoaded', function(event) {
  const targetButton = document.getElementById('submitButton');
  const triggerCheckbox = document.querySelector('input[name="agree"]');

  targetButton.disabled = true;
  targetButton.classList.add('is-inactive');

  triggerCheckbox.addEventListener('change', function() {
    if (this.checked) {
      targetButton.disabled = false;
      targetButton.classList.remove('is-inactive');
      targetButton.classList.add('is-active');
    } else {
      targetButton.disabled = true;
      targetButton.classList.remove('is-active');
      targetButton.classList.add('is-inactive');
    }
  }, false);
}, false);

/* モーダル */
const modalBtns = document.querySelectorAll(".modal-toggle");
modalBtns.forEach(function (btn) {
  btn.onclick = function () {
    var modal = btn.getAttribute('data-modal');
    document.getElementById(modal).style.display = "block";
  };
});
const closeBtns = document.querySelectorAll(".modal-close");
closeBtns.forEach(function (btn) {
  btn.onclick = function () {
    var modal = btn.closest('.modal');
    modal.style.display = "none";
  };
});

window.onclick = function (event) {
  if (event.target.className === "modal") {
    event.target.style.display = "none";
  }
};
</script>
<?php get_footer(); ?>

<?php
/*
Template Name: WELCOME
Template Post Type: page
*/
?>
<?php 
  get_header(); 
  sng_category_query();
?>
<?php //WELCOME ?>
<div class="welcomePage">
	<img src="https://dubdesign.net/member/wp-content/uploads/2022/03/welcome.svg" alt="welcome">
	<p>メンバーの仮登録が完了しました。<br>メンバー承認後、登録時に入力頂いたメールアドレスに承認完了のメールが配信されます。<br>承認までお待ちください。</p>
</div>
<?php get_footer(); ?>

/* ログインしてない＆ログインページじゃない＆場合リダイレクト */
function require_login() {
    if ( ! is_user_logged_in() && ! is_page(array('13','16','20')) ) {
        wp_redirect( 'https://dubdesign.net/member/login/' );
    }
}
add_action( 'template_redirect', 'require_login' );

// 管理バーを投稿者を除き表示
if (! current_user_can('publish_posts')){
    show_admin_bar(false);
}