웹마스터 팁
모바일에서 레벨 아이콘, 이미지 아이콘 표시하기
2013.08.23 12:52
모바일에서는 레벨/이미지 아이콘이 표시되지 않아 모바일 사용시 회원 식별(?)의 어려움이 존재해서 모바일에서도 출력시키려고 시도했습니다.
모바일쪽 출력되는 소스를 보니 PC와 달리 member_srl값이 안들어있어서 아이콘을 구해오기 어려워서 일단 스킨은 손을 봐야 할거 같았고 애드온도 손봐야하나 싶었는데 스킨만 손보는 것으로 해결되었습니다.
스킨마다 조금씩 파일명이나 소스가 다르기 때문에 조금 차이가 있겠지만 일단 기본 스킨을 기준으로 하자면
_list.html 파일의 11번째 줄 쯤에
<span class="auth"><strong>{$document->getNickName()}</strong> 를
<span class="member_{$document->get('member_srl')}" style="display:block;font-size:12px"><strong>{$document->getNickName()}</strong>로 수정하고
comment.html의 21번째 줄
<em>{$comment->getNickName()}</em> 를
<span class="member_{$comment->get('member_srl')}" style="font-size:12px"><strong>{$comment->getNickName()}</strong>로 수정,
read.html의 12번째 줄 쯤에 있는
<span class="ex">{$oDocument->getNickName()} 를
<span class="ex"><span class="member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}</span>로 수정
적용하시면 아이콘이 출력됩니다.
이렇게 수정하고 나면 닉네임을 눌렀을때 PC처럼 팝업 메뉴가 뜨는데 css가 없어서 이상하게 나옵니다. 이 문제는 /common//css의 xe.css, xe.min.css의 /* Popup Menu Area */ 부분에 해당하는 것들을 mobile.css, mobile.min.css에 넣어주시면 PC화면처럼 팝업 메뉴가 출력됩니다.
PC의 소스를 가져다가 쓰다보니 auth class를 적용이 안되서 style="" 형태로 css 파일의 내용을 직접 입력했는데 이 부분을 좀 더 깔끔하게 처리할 방법이 있나 모르겠네요.
댓글 4
-
socialskyo
2013.08.29 14:11
-
socialskyo
2013.08.29 20:58
퇴근후 바로 적용 했습니다. 대박!!!
-
피파13
2013.08.30 19:29
style="" 형태로 css 부여한 부분 크게 나쁘진 않은것 같습니다. 감사합니다 ㅊㅊ
-
핼릭
2013.09.30 19:26
모바일EX 모듈 쓰고있습니다. _list.html comment.html read.html 파일은 보이나
열어보니 글에 적힌 소스가 보이지 않아 수정하기가 어렵네요ㅠ
이런경우에는 어떤방법이 있을까요?
아니..왜 이 팁을 못봤지??? 오늘 저녁 당장 적용해봐야지!!!
gunmania님 감사감사합니다.