해당 자료: https://xe1.xpressengine.com/index.php?mid=download&package_id=22658404 (모바일 스킨)
ㄴ관련 자료: https://xe1.xpressengine.com/index.php?mid=download&package_id=22753429 (PC버전 스킨)
"SoSiFam 한줄메모 게시판 스킨"은 [@쓰기]로 이미지를 첨부할 수 있습니다. 그렇지만 PC스킨에서 넣은 이미지가 모바일 스킨에서는 보이지 않습니다. 다음과 같이 수정하면 됩니다.
1. 해당 경로에 강조된 부분을 추가합니다.
<ul class="lulu-info cfixsosi">
<li class="lulu-info-item nickname clarity-font left">
<a href="#popup_menu_area" class="lulu-info-link member_{$oDocument->get('member_srl')}" onclick="return false">{$oDocument->getNickName()}</a>
</li>
<li class="lulu-info-item buttonbar cla-comments right">
<a href="#" onclick="toggle_object('sosireply_{$oDocument->document_srl}'); return false;"|cond="!$oDocument->isNotice() && $grant->write_comment">댓글 <span class="stats red">{$oDocument->getCommentCount()}</span></a>
</li>
<li class="lulu-info-item buttonbar clarity-font right">
<a cond="$oDocument->isEditable()" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" title="{$lang->cmd_modify}" >{$lang->cmd_modify}</a>
</li>
<li class="lulu-info-item buttonbar clarity-font right">
<a cond="$oDocument->isEditable()" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl, 'comment_srl','')}" title="{$lang->cmd_delete}" >{$lang->cmd_delete}</a>
</li>
</ul>
<a class="lulu-content-thumb clarity-thumb clarity-trans" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}"|cond="$oDocument->isEditable()" cond="$oDocument->getThumbnail()">
<img class="lulu-content-thumb2" src="{$oDocument->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, ratio)}" alt="" />
</a>
</div>
2. 해당 경로에 강조된 부분을 추가합니다.
<var name="no_profile" type="image"> <title xml:lang="ko">프로필없음(회원)</title> <description xml:lang="ko">기본 35x35 사이즈이며 사이즈 상관없이 고정됩니다.</description> </var> <var name="thumbnail_width" type="text" default="600"> <title xml:lang="ko">썸네일 가로크기</title> <description xml:lang="ko">썸네일의 가로 크기를 지정할 수 있습니다. (기본값: 600px)</description> </var> <var name="thumbnail_height" type="text" default="600"> <title xml:lang="ko">썸네일 세로크기</title> <description xml:lang="ko">썸네일의 세로 크기를 지정할 수 있습니다. (기본값: 600px)</description> </var>
주의사항: 기본값을 600px에서 바꾸시려면 default="600"을 고치면 됩니다. 또는 게시판 설정-[모바일 스킨관리]로 들어가셔서 수정할 수 있습니다. 찾기 어려우면 http://사이트주소/index.php?mid=게시판MID&act=dispBoardAdminMobileSkinInfo 로 들어가세요.
3. 해당 경로에 강조된 부분을 추가합니다.
.lulu-list .lulu-content-thumb2 {
display:block;
width:100%;
}
방금 어거지로 수정하다보니 문제점이 있을 수 있지만 크게 지장이 있을 것 같진 않네요.
PC스킨 뜯어보면서 아 이걸 이렇게 구현하는구나 하고 보는 내내 감탄했습니다. 이 자리를 빌어서 좋은 게시판 스킨을 배포해주신 람보님에게 감사 인사 드립니다.