採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマSHIPS:会員登録機能のリンク先を変更したい

Q.質問内容

・会員機能をモーダルで表示させる仕様を普通のリンクに変更し、別サイトに飛ばしたいです。
・別システムと連動させる必要があり、会員登録機能のURL変更をしたいです。

▼変更箇所イメージ(ログイン前)
変更箇所イメージ

▼変更箇所イメージ(ログイン後)
変更箇所イメージ

A.下記の方法でカスタマイズしてください。

ログインボタンのモーダル

編集するファイル: js/membership.js
編集する箇所:  6行目付近
$().addClass()の記述をコメントアウトし、
document.location.hrefにログインURLを代入すると、
ログインモーダルを開く仕様ではなくURLに飛ぶ仕様に変更することが出来ます。
以下はログインURLにTCD LABOを指定した場合の記述になります。

	$(document).on('click', '.open_login_modal', function(event){
		// $('#modal_overlay').addClass('open');
		// $('#login_modal_wrap').addClass('show');
		document.location.href = "https://tcd-manual.net/";
		return false;
	});

ポイント上記コード2行目を
window.open(‘https://tcd-manual.net/’, ‘_blank’, ‘noreferrer’);
に変更することで、別タブで開くことも可能です。

会員登録ボタンのモーダル

編集するファイル: js/membership.js
編集する箇所: 12行目付近
ログインボタンと同様、$().addClass()、$().removeClass()の記述をコメントアウトし、
document.location.hrefにログインURLを代入してください。
以下は会員登録ボタンのURLにTCD LABOを指定した場合の記述になります。

	$(document).on('click', '.open_register_modal', function(event){
		// $('#modal_overlay').addClass('open');
		// $('#register_modal_wrap').addClass('show');
		// $('#login_modal_wrap').removeClass('show');
		// $('#password_modal_wrap').removeClass('show');
		document.location.href = "https://tcd-manual.net/";
		return false;
	});

ヘッダーの会員登録後のマイページボタン・ログアウトボタン

編集するファイル: header.php
編集する箇所:  170行目付近
get_tcd_membership_memberpage_url()マイページ、ログアウトページのURLを設定しています。
hrefの中に、マイページとログアウトページのURLをそれぞれ記入してください。

  <?php
       // ログインしている場合
       if( current_user_can( 'read' ) ) {
  ?>
  <div id="header_logout_button">
   <a id="header_mypage" href="マイページのURL"><span><?php _e( 'My page', 'tcd-ships' ); ?></span></a>
   <a id="header_logout" href="ログアウトのURL"><span><?php _e( 'Logout', 'tcd-ships' ); ?></span></a>
  </div>
  <?php }; ?>

参考:他テーマの類似の質問

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事