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 }; ?>
参考:他テーマの類似の質問
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!