웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1 [2] | ZipShin | 2002.09.19 |
[Tip]한글 97로 홈페이지 틀 짜기 [8] | Alunar | 2002.09.21 |
소스 보는 방법 몇가지 [13] | 태영이 | 2002.09.24 |
테이블 크기 더 이상 안넘어가게 하기.. [12] | dEathrock | 2002.09.24 |
(허접 팁)레이어를 브라우저 크기에 상관없이 위치지정하기 [6] | 오영민 | 2002.09.25 |
벅스에서 음악주소 얻어내기 총정리!!! [11] | 세DlCIZLOI너 | 2002.09.25 |
CSS,HTML,DHTML 및 기타 최신레퍼런스를 구하는 방법 [2] | -크크크- | 2002.09.28 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
HTML 이란? [5] | 조현원 | 2002.09.28 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트2 [5] | ZipShin | 2002.10.01 |
HTML의 4가지 요소 [2] | ZipShin | 2002.10.01 |
프레임셋 응용 [8] | 심플리즘 | 2002.10.08 |
[HTML 초보자]- marquee태그 (글자 움직이기)-1 [6] | ZipShin | 2002.10.11 |
부모-자식 레이어의 활용(레이어 위치 고정) [8] | clo | 2002.10.12 |
[HTML 초보자]- marquee태그 (글자 움직이기)-2 [5] | ZipShin | 2002.10.12 |
[HTML 초보자] 마퀴태그로 움직이되, 마우를 가져다 되면 멈추고, 시작되고.. [6] | ZipShin | 2002.10.17 |
[HTML 초보자]-marquee 마퀴태그의 움직이는 속도 [5] | ZipShin | 2002.10.20 |
[HTML 초보자]- 글자가 움직이는 배경색깔 [1] | ZipShin | 2002.10.22 |
오른쪽마우스, 드래그 금지하는 태그.. [4] | xtersh | 2002.10.24 |
뽀유의 스타일시트 특별강좌 [28] | 뽀유♡ | 2002.10.25 |