웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XE공식레이아웃(xe_official_v2)에서 소셜XE로그인창 연동
2011.02.13 17:45
이 게시글은 xe_official_v2_TmaKing기준으로 제작했으나 실질적으로 똑같다고 봅니다.
우선 해당 레이아웃 폴더를 뜯어 살펴봅니다.
대부분의 경로는 아래와 같습니다.
layouts/xe_official_v2/layout.html(그러나 이 파일을 업로드해도 이미 설정된 레이아웃이 있다면, 관리자페이지 > 레이아웃 > 편집에서 수정하셔야합니다.)
해당 파일을 메모장이든 뭐든 수정할 수 있는 도구로 열어줍시다.(위에서 말했듯 이미 설정된 레이아웃이라면 편집창에 들어가시면 됩니다.)
그러면 주르륵 초보자에겐 외계어가 나옵니다. 그러면 이곳에서 로그인폼을 찾아봅니다.
메모장인경우 찾기를 하셔도 무관합니다. 아래를 찾아줍시다.
<a href="XE경로/?act=dispMemberLoginForm" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"><img src="img/buttonLogin.gif" width="25" height="5" alt="LOGIN" /></a>
이놈을 찾으셨다면 이제 살짝만 변형시켜주면 됩니다. 아래와 같이 바꿔줍시다.
<a href="{getUrl('act','dispSocialxeLoginForm')}"><img src="img/buttonLogin.gif" width="25" height="5" alt="SOCIALXELOGIN" /></a>
그러면 이제 레이아웃의 LOGIN버튼을 누르게 되면 소셜로그인페이지로 자동으로 넘어가게됩니다.
간단하면서도 잘못고치면 초보자는 확인하기 힘드니 진짜 자신이 없으시다면 백업하나 해두시는게 좋으실 듯 합니다.(뭐.. 설마 다 날리시지는 않으시겠죠 ㅎㅎ)
뭐 LOGIN이미지가 마음에 안드신다. 난 Social Login등으로 로그인이미지를 바꾸고싶다시는분들은 이미지 만드셔서 해당 레이아웃 폴더에서 지정하는 경로(위에선 <img src="img/buttonLogin.gif" width="25" height="5" alt="SOCIALXELOGIN" />경로를 지정하였습니다.)폴더에 해당 이미지를 넣어주시면 됩니다.
간단하게 이 레이아웃인경우 layouts/xe_official_v2/img/buttonLogin.gif에 이미지를 바꿔주시면 됩니다.
우선 해당 레이아웃 폴더를 뜯어 살펴봅니다.
대부분의 경로는 아래와 같습니다.
layouts/xe_official_v2/layout.html(그러나 이 파일을 업로드해도 이미 설정된 레이아웃이 있다면, 관리자페이지 > 레이아웃 > 편집에서 수정하셔야합니다.)
해당 파일을 메모장이든 뭐든 수정할 수 있는 도구로 열어줍시다.(위에서 말했듯 이미 설정된 레이아웃이라면 편집창에 들어가시면 됩니다.)
그러면 주르륵 초보자에겐 외계어가 나옵니다. 그러면 이곳에서 로그인폼을 찾아봅니다.
메모장인경우 찾기를 하셔도 무관합니다. 아래를 찾아줍시다.
<a href="XE경로/?act=dispMemberLoginForm" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"><img src="img/buttonLogin.gif" width="25" height="5" alt="LOGIN" /></a>
이놈을 찾으셨다면 이제 살짝만 변형시켜주면 됩니다. 아래와 같이 바꿔줍시다.
<a href="{getUrl('act','dispSocialxeLoginForm')}"><img src="img/buttonLogin.gif" width="25" height="5" alt="SOCIALXELOGIN" /></a>
그러면 이제 레이아웃의 LOGIN버튼을 누르게 되면 소셜로그인페이지로 자동으로 넘어가게됩니다.
간단하면서도 잘못고치면 초보자는 확인하기 힘드니 진짜 자신이 없으시다면 백업하나 해두시는게 좋으실 듯 합니다.(뭐.. 설마 다 날리시지는 않으시겠죠 ㅎㅎ)
뭐 LOGIN이미지가 마음에 안드신다. 난 Social Login등으로 로그인이미지를 바꾸고싶다시는분들은 이미지 만드셔서 해당 레이아웃 폴더에서 지정하는 경로(위에선 <img src="img/buttonLogin.gif" width="25" height="5" alt="SOCIALXELOGIN" />경로를 지정하였습니다.)폴더에 해당 이미지를 넣어주시면 됩니다.
간단하게 이 레이아웃인경우 layouts/xe_official_v2/img/buttonLogin.gif에 이미지를 바꿔주시면 됩니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
바탕화면에 바로가기 만들기 | *이종민* | 2008.11.29 |
계산기 [1] | *이종민* | 2008.11.29 |
자바스크립트 지원 유무 | *이종민* | 2008.11.29 |
스크립트 모음 [1] | *이종민* | 2008.11.29 |
네이버 css강좌에요... 참고하세요 [3] | 만쓰별(정만) | 2009.01.15 |
css 정리 파일(한글) [3] | 미곰탱 | 2009.01.22 |
UTF-8 파일을 열면 글자가 깨져요 어떤 에디터를 사용해야 하나요? [2] | 최소영329 | 2009.02.03 |
메뉴에 마우스오버시 레이어서브메뉴창 뜨게하기 (나모웹) | H.N커뮤니티 | 2009.02.22 |
노프레임 홈페이지 만들기 강좌 | H.N커뮤니티 | 2009.02.28 |
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
달력 | 따라기 | 2009.05.10 |
"#"쓸때움직이지않게하기 [10] | 닉스! | 2001.12.27 |
스크립트를 암호화 시켜보자! [설치파일 찾았음 --] [11] | 수지니^^ | 2002.01.09 |
이미지가 차츰 변하게 하는 자바스크립트.. [3] | 잔디 | 2001.01.05 |
^^사용자 해상도알아내는 스크립트~ | onjjang | 2001.01.13 |
블라인드 효과 스크립트~ [2] | 박규진 | 2001.01.14 |
자바에서도 쿠키를 구워야할때 [4] | Kritz | 2001.01.15 |
[자바스크립트]새창띄우기의 변종.. (별로 중요하지않음.. =_=;;) [2] | Adios | 2001.01.15 |
[자바스크립트] 전체로 창을 띄우는 자바~ | 김정함 | 2001.01.21 |
환상적인 무지개 빛 링크 자바스크립입니다. 마우스만 대면 그냥... [8] | 은하수w | 2001.03.24 |