이 게시글은 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에 이미지를 바꿔주시면 됩니다.