COLUM
コラム
WebLogin 会員限定ページの作成
2022/02/04
内容に関しては、現在執筆中・・・です。
MODXに標準で用意されているWebLoginの使用方法です。
前提作業
- (1) グローバル設定>セキュリティ>グループ管理機能を使用 「はい」を選択
- (2) 権限管理>グループ管理(ウェブ) グループを作成する
- (3) 会員限定ページの「所属グループ」を(2)で作成したグループへ変更
- (3) 権限管理>ウェブユーザー管理 ユーザーを登録「グループ管理(ウェブ)」タブで(2)で作成したグループにチェックを入れる
チャンクを作成する
<!-- #declare:separator <hr> --> <!-- login form section--></pre> <form action="" method="post"> <p class="btm_20">ID・パスワードを記入し「ログイン」ボタンをクリックしてください。</p> <input name="rememberme" type="hidden" value="" /><fieldset><label for="username">ユーザーID: <input id="username" onkeypress="return webLoginEnter(document.loginfrm.password);" name="username" type="text" value="" /></label> <label for="password">パスワード: <input id="password" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" name="password" type="password" value="" /></label> <input id="checkbox_1" onclick="webLoginCheckRemember()" name="checkbox_1" size="1" type="checkbox" value="" /><label class="checkbox" for="checkbox_1">記憶する</label> <input class="button" name="cmdweblogin" type="submit" value="" /> <p><a id="forgotpsswd" onclick="webLoginShowForm(2);return false;" href="#">パスワードを忘れた場合</a></p> </fieldset></form><hr /> <pre class="brush: xml; title: ; notranslate"><!-- log out hyperlink section --></pre> <h4>すでにログインしています</h4> <pre class="brush: xml; title: ; notranslate"> <a class="button" href=""></a></pre> <hr /> <pre class="brush: xml; title: ; notranslate"><!-- Password reminder form section --></pre> <form action="" method="post"><fieldset> <h3>パスワードをリセットします</h3> <input name="txtpwdrem" type="hidden" value="0" /> <label for="txtwebemail">メールアドレス: <input id="txtwebemail" name="txtwebemail" size="24" type="text" /></label> <input class="button" name="cmdweblogin" type="submit" value="送信" /> <input class="button" style="clear: none; display: inline;" onclick="webLoginShowForm(1);" name="cmdcancel" type="reset" value="キャンセル" /></fieldset></form>
login という名前を付けてチャンクを保存
WebLoginの呼び出し
[!WebLogin? &logintext=`ログイン` &logouttext=`ログアウト` &tpl=`login` &loginhomeid=`82` &logouthomeid=`84`!]
&loginhomeid=`82`...ログイン後に遷移するページ グループ管理(ウェブ)関連付けしておく
&logouthomeid=`84`...ログアウト後に遷移するページ
サンプルデモ
id: guest password: guest..
MEETING
福岡市近郊は
無料でお伺いします