웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 브라우저 크기 고정시키기 | 코아 코스튬 | 2011.01.30 |
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 | 코아 코스튬 | 2011.01.30 |
관리자가 회원목록에서 한번에 보이는 회원수 늘리고플때 | sejin7940 | 2011.02.10 |
XE공식레이아웃(xe_official_v2)에서 소셜XE로그인창 연동 | ehdgkr97 | 2011.02.13 |
접속통계(statistics) 모듈 설치 에러 방지법.. | sejin7940 | 2011.02.15 |
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] | 999 | 2011.02.23 |
모듈 개발하실때 새로운 버전이 나오면 알림 기능 만들기 [4] | 라르게덴 | 2011.02.24 |
외부페이지 로그인 연동 [10] | 응삼 | 2011.02.28 |
페이지 수정시 팝업창 높이 조절... [1] | 브레인630 | 2011.03.07 |
사진링크가 깨져서 엉망이네요 [1] | 김성회 | 2011.03.11 |
홈페이지에 퀵메뉴를 다는 소스 (ie7이상, 사파리, 불여우, 오페라 등은 position:fixed 로 고정) [20] | Firstlove | 2011.03.14 |
타이틀에 홈페이지 제목 추가 시키기 [5] | 웹 엔진 | 2011.03.17 |
[PHP 기초] PHP 소개 [6] | 난다날아 | 2011.03.22 |
초간단 애드온 제작법 [8] | 카르마 | 2011.03.25 |
모두 새로 코딩된 선우님의 새로운 레이아웃.... | 유샤인 | 2011.03.28 |
"현재 xe코어1.4.4.4버전에서는 익스플로어에서 페이지수정 등의 작업을 할때 에러가 자주 발생하곤 합니다." | 유샤인 | 2011.03.29 |
관리자페이지 레이아웃에 게시판을 달아보자 [3] | 푸름빠 | 2011.03.29 |
IE9에서 xeed 사용하기(파일첨부 및 Enter키) [2] | 전승남508 | 2011.04.05 |
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법 [7] | SeklutZ | 2011.04.07 |
내 PC에서 XE 빠르게 설치하는 방법 [7] | 차오이 | 2011.04.10 |