웹마스터 팁

xe 1.8 버전의 기본스킨 xedition이 너무 예뻐서 사이트에 적용하여 사용중인 유저입니다.

 

저번 2014콘테스트에 고퀄리티 작품들이 거의 쏟아시피 했죠.

덕분에 sweet mobile 레이아웃도 아주 감사하게 사용중입니다.

 

그런데 네이버 로그인을 사용하고는 싶은데, login xe 서버/클라이언트 다 깔았는데 html/css 손볼줄 몰라 못하시는 분들을 위해 xedition html 소스를 수정해서 간편하게 네이버 로그인 연동하는 방법을 끄적여볼까 합니다.

(login xe 개발자님 정말정말 감사합니다.)

 

일단 로그인 xe 서버와 클라이언트를 메뉴얼대로 설치 / 설정 해주세요.

http://server.loginxe.cf/ <-- 개발자님의 친절한 메뉴얼.

 

이제 네이버 BI를 받아야합니다.

https://nid.naver.com/devcenter/docs.nhn?menu=BI <-- 네이버BI 가이드 및 다운로드

 

마음에 드는 BI를 서버에 등록해 주세요.

(저의 경우에는 공지사항에 비밀글로 올렸습니다.)

 

올려진 BI의 이미지 주소를 복사해주세요. (이미지 오른쪽클릭 > 이미지 URL 복사(O) )

자 이제 xediton 소스수정입니다.

 

사이트 관리자로 들어간 후 좌측 [사이트 디자인 설정] 을 들어가서 xedition 을 클릭해주세요.

1.PNG

 

HTML/CSS 로 들어가 HTML 소스창에서

<h1>login</h1> 을 검색합니다.

 

2.PNG

 

여기가 바로 로그인 위젯 창입니다.

로그인 위젯창에 버튼을 추가하면 되는데요.

 

<button type="submit" class="btn_submit">{$lang->cmd_login}</button>

바로 아랫부분에 아까 복사해둔 네이버 로그인 이미지를 올리고, 앵커를 통해 네이버 로그인 창으로 넘어가게 만들어야 합니다.

저는 로그인 버튼과 약간 떨어지게 만들기 위해서 <p> 태그를 이용해 -OR- 이라는 문구를 넣었습니다.

 

<button type="submit" class="btn_submit">{$lang->cmd_login}</button>


<p style="text-align: center;"> - OR - </p>
<a href="http://사이트 주소/index.php?module=loginxeclient&act=dispLoginxeclientOAuth&provider=naver"><img width="320px;" height="auto;" src="아까 복사한 이미지 주소" /></a>

 

이렇게요.

사이트 주소부분와 복사한 이미지 주소를 넣어서 올려주세요.

xedition의 로그인 위젯의 로그인 버튼 가로크기가 320이라 전 320으로 맞추어 했습니다.

이미지 파일의 가로 크기를 조절하고 싶으시다면 width="320px" 부분을 수정하세요.

 

이제 하단의 저장 버튼을 누르면 끝!

(서브페이지에서도 똑같은 방법으로 입력해주세요!)

 

그리하여..

 

3.PNG

 

로그인 위젯 화면입니다.

 

naverlogin.PNG

버튼을 누르면 네이버 로그인 화면으로 넘어가고 여기서 네이버 아이디로 로그인하면~~

 

finish.PNG

 

짜잔! 네이버 아이디로 로그인 성공!!!

 

고생하셨습니다~~

 

 

뭐... 저도 초짜라 거의 먼지 팁이긴 하지만 저같은 초급자 분들은 이런식으로 다른 레이아웃에서도 사용이 가능하시다는거..

혹여나 찾는분이 있을까봐 이렇게 포럼에 올려봅니다.

 

행복한 하루 되세요!!!

 

 

** xedition 소개페이지에 언뜻보면 모바일 레이아웃 처럼 보이는게 있는데 없어서 아쉽 엉엉...꺼이꺼이..

   그리고 welcome페이지에 나오는 것들... 위젯처럼 사용은 불가능한건가욥..ㅠㅜ

 

 

제목 글쓴이 날짜
하나의 웹서버에 php5, php7 설치하기 라온넷닷컴 2016.06.10
배너 랜덤추출 스크립트 [xe적용방법] [16] 라싸 2008.02.19
비싼호스팅 쓰지말고 공유기로 돌리자(컴보다 더 쉽다니!!) [1] djdisodo 2016.06.04
CentOS 7 : Apache2.4 + PHP5.6 + MariaDB + VSFTP 설치하기 [6] 우리아기 2015.08.06
[추천 팁] 오에카키 PHP 버전으로 만들기 [19] 소프트맨 2002.08.31
사용자정의 기준으로 정렬을 했을 경우 최신글이 목록 상단으로 뜨도록 수정법 ( 현재 최신글이 하단에 뜸 ) sejin7940 2016.05.25
부운영자 [26] file 송동우 2012.02.05
정확한 계산기 소스입니다. [2] file 현탁 2014.01.15
[시니시즘] XE의 XML Query 관련 팁 시니시즘 2016.04.26
[개발팁] Console에서 디버깅 시 발생하는 x.js Deprecated 오류 제거 하기 SimpleCode 2016.04.19
IIS에서의 URL 재작성 사용하기 [5] file ehii 2014.10.30
SEO 1.8.18 에서 Analytics 와 기타 탭 작동 안 하는 버그 수정법 sejin7940 2016.04.03
그룹별 회원 목록 출력 [2] 윤삼 2015.10.25
위지윅 에디터의 관리의 활성 비활성이 안될 경우 해결책 [2] 김유중345 2009.05.01
index.php에서 Parse Error가 발생한다면 [6] YJSoft 2014.04.01
게시판이 있는데 관리자 페이지에 나타나지 않을 경우 해결 방법 퍼니엑스이 2016.03.20
XE 루트로 옮기기 완벽 가이드 [/xe/ 로부터 벗어나자!] ver 1.1 [107] file LI-NA 2013.02.26
기본 Content 위젯에 댓글 New표시하기 [10] 조슈아킴 2010.05.08
에디터 비활성화 문제 해결했습니다! [2] 엘로이스 2013.09.13
1.8 XEDITION 에서 로그인xe 사용하여 네이버 로그인 연동하기 [7] file karutian 2015.04.10