웹마스터 팁
모바일 레이아웃 로그인페이지 개선방법
2010.08.01 12:55
미리보기 : http://skypia.kr에 모바일로 접속해주세요.
기본 레이아웃의 문제점
1. 아이디와 패스워드 폼의 하단에 로그인 버튼이 보여지지만 클릭시 로그인페이지를 재로드하여
실질적인 로그인이 되지 않음.
2. 스마트폰에서 지원하는 완료버튼을 클릭해야 로그인 가능.
해결 방법.
1. 실질적으로 로그인 되는 버튼을 만든다.
/modules/member/tpl/login_form.html 열어주세요.
<div class="cm">~~~</div> 이 부분을 아래와 같이 고쳐주세요.
<div class="cm"> <div class="fl"><input name="keep_signed" type="checkbox" value="Y" id="autoLogin" /><label for="autoLogin">{$lang->keep_signed}</label></div> <div class="fr"><button type="submit" class="bn">{$lang->cmd_login}</button></div> </div>출처 : http://xe.xpressengine.net/?mid=issuetracker&act=dispIssuetrackerViewSource&type=diff&path=%252Fsandbox%252Fmodules%252Fmember%252Ftpl%252Flogin_form.html&revs=7600&erev=7600&brev=7592
2. 혼동될 수 있는 로그인 페이지 버튼을 로그인페이지에서 숨긴다.
m.layouts/default/layout.html 파일을 열어주세요.
<li class="fl"><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
위 부분을 아래와 같이 수정합니다.
<!--@if('dispMemberLoginForm' == $act)-->
<!--@else-->
<li class="fl"><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<!--@end-->
이는 현재 접속중인 act. act가 뭔지는 모르겠으나 아무튼 로그인페이지의 경로가 act로 되어있습니다.
즉, 로그인페이지로 접근한게 맞다면 아무것도 출력하지 않고 다르다면 출력하는 거죠.
쉽게 말해 로그인 전에만 보여주는 겁니다.