모바일 게시판 관련 질문입니다.
본문
안녕하세요 항상 친절하게 답변해주셔서 너무너무 감사합니다 :)
제가 사이트 완성을 위해 여러가지 실험을 해보는 도중에 모바일에서 발견된 오류인데
그누스터디에서 게시판을 영카트에 불러오는 방법을 배우고 적용시킨 뒤에 갤러리형태로 게시판을 넣었습니다!
그런데 pc버전에서는 아무 문제없이 게시글, 댓글개수,조회수,추천수 등이 잘 표현이 되지만 모바일 버전에서는 게시글 옆에 나타나야할 댓글이 아무런 스킨이 적용되지 않은 채 그저 숫자로만 표기되어 있습니다.
pc버전으로 게시판을 본 경우(정상적으로 잘 보입니다)
모바일버전으로 본 게시판( 게시글 옆에 댓글개수가 그냥 숫자로 표기됨)
어떻게 보면 사소한 문제일 수 있지만 아무리 찾아봐도 어디를 변경해야 댓글을 원래대로 고칠 수 있을지 모르겠습니다...
img 파일들을 뒤져봤을 때 comment에 관련된 이미지를 발견했지만 어떻게 적용시켜야할지도 모르겠네요ㅠㅠ
theme/strawberry/mobile/skin/board/basic/img 에 있는 이미지중에 댓글과 관련된 이미지는 존재합니다
하지만 gallery 폴더에는 이런 이미지가 들어가 있지는 않습니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
?>
<script src="<?php echo G5_JS_URL; ?>/jquery.fancylist.js"></script>
<form name="fboardlist" id="fboardlist" action="<?php echo G5_BBS_URL; ?>/board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
<input type="hidden" name="stx" value="<?php echo $stx ?>">
<input type="hidden" name="spt" value="<?php echo $spt ?>">
<input type="hidden" name="sst" value="<?php echo $sst ?>">
<input type="hidden" name="sod" value="<?php echo $sod ?>">
<input type="hidden" name="page" value="<?php echo $page ?>">
<input type="hidden" name="sw" value="">
<?php if ($rss_href || $write_href) { ?>
<ul class="<?php echo isset($view) ? 'view_is_list btn_top' : 'btn_top top btn_bo_user';?>">
<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn" title="관리자"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?>
<?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b03 btn" title="RSS"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
<?php if ($is_admin == 'super' || $is_auth) { ?>
<li>
<button type="button" class="btn_more_opt btn_b03 btn is_list_btn" title="게시판 리스트 옵션"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">게시판 리스트 옵션</span></button>
<?php if ($is_checkbox) { ?>
<ul class="more_opt is_list_btn">
<li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"><i class="fa fa-trash-o" aria-hidden="true"></i> 선택삭제</button></li>
<li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"><i class="fa fa-files-o" aria-hidden="true"></i> 선택복사</button></li>
<li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"><i class="fa fa-arrows" aria-hidden="true"></i> 선택이동</button></li>
</ul>
<?php } ?>
</li>
<?php } ?>
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="fix_btn write_btn" title="글쓰기"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
</ul>
<?php } ?>
<!-- 게시판 목록 시작 -->
<div id="bo_gall">
<?php if ($is_category) { ?>
<nav id="bo_cate">
<h2><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?> 카테고리</h2>
<ul id="bo_cate_ul">
<?php echo $category_option ?>
</ul>
</nav>
<?php } ?>
<h2>이미지 목록</h2>
<?php if ($is_checkbox) { ?>
<div id="gall_allchk" class="all_chk chk_box">
<input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);" class="selec_chk">
<label for="chkall">
<span></span>
<b class="sound_only">현재 페이지 게시물 </b> 전체선택
</label>
</div>
<?php } ?>
<ul id="gall_ul">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">
<div class="gall_li_wr">
<?php if ($is_checkbox) { ?>
<span class="gall_li_chk chk_box">
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>" class="selec_chk">
<label for="chk_wr_id_<?php echo $i ?>">
<span></span>
<b class="sound_only"><?php echo $list[$i]['subject'] ?></b>
</label>
</span>
<?php } ?>
<span class="sound_only">
<?php
if ($wr_id == $list[$i]['wr_id'])
echo "<span class=\"bo_current\">열람중</span>";
else
echo $list[$i]['num'];
?>
</span>
<a href="<?php echo $list[$i]['href'] ?>" class="gall_img">
<?php
if ($list[$i]['is_notice']) { // 공지사항 ?>
<strong class="gall_notice">공지</strong>
<?php
} else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_mobile_gallery_width'], $board['bo_mobile_gallery_height']);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_mobile_gallery_width'].'" height="'.$board['bo_mobile_gallery_height'].'">';
} else {
$img_content = '<span class="no_img"><i class="fa fa-picture-o" aria-hidden="true"></i></span>';
}
echo run_replace('thumb_image_tag', $img_content, $thumb);
}
?>
</a>
<div class="gall_text_href">
<?php if ($is_category && $list[$i]['ca_name']) { ?>
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
<?php } ?>
<a href="<?php echo $list[$i]['href'] ?>" class="gall_li_tit">
<?php // echo $list[$i]['icon_reply']; ?>
<!-- 갤러리 답글기능 사용시 주석을 제거하세요. -->
<?php if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret']; ?>
<?php echo $list[$i]['subject'] ?>
<?php if ($list[$i]['comment_cnt']) { ?>
<span class="bo_cmt">
<span class="sound_only">댓글</span>
<?php echo $list[$i]['comment_cnt']; ?>
<span class="sound_only">개</span>
</span>
<?php } ?>
<?php
// if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
if ($list[$i]['icon_new']) echo "<span class=\"new_icon\">N<span class=\"sound_only\">새글</span></span>";
if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
//if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
//if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
?>
</a>
<div class="gall_info">
<span class="sound_only">작성자 </span><?php echo $list[$i]['name'] ?>
<span class="sound_only">작성일 </span><span class="date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
<span class="sound_only">조회 </span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?></strong>
<?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
<?php if ($is_nogood) { ?><span class="sound_only">비추천</span><strong><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?></strong><?php } ?>
</div>
</div>
</div>
</li>
<?php } ?>
<?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
</ul>
</div>
/html/theme/strawberry/mobile/skin/board/gallery/list.skin.php 중 게시판과 관련된 소스는 이렇습니다.
소스에서도 저 부분을 건드린 적이 없어서 실수였으면 되돌려놓기라도 했을텐데 도통 감을 못잡겠네요 ...
모바일버전에서 댓글이 어떻게 보이는지는 알 수 없으나 댓글부분을 정상적으로 보이게 하는 방법 혹은
만약 방법이 없다면 저 숫자 사이에 [ ] 나 ( ) 같은 괄호라도 넣어주고 싶습니다.
어떻게 해야할까요? ㅠㅠㅠ
답변 1
1. 괄호
<span class="bo_cmt">
<span class="sound_only">댓글</span>
<?php echo '['.$list[$i]['comment_cnt'].']'; ?>
<span class="sound_only">개</span>
</span>
2. 파란색박스로 꾸미기
<style>
.bo_cmt{background:#001fff;padding:3px}
</style>
제가 학교에 일이 있어서 잠시 신경 못쓰고 있었는데 답변해주셨었네요 ㅠㅠ 감사합니다.
알려주신 방법중에 두개를 다 적용시킬까 하다가 괄호를 알려주신 부분에서 조금 응용해서 마음에 쏙 들게 만들었습니다! 어디를 봐야하는지 친절하게 코드부터 알려주셔서 정말 감사해요:)
더 멋진 사이트 만들기 위해 더 노력하겠습니다. 답변해주셔서 다시한번 감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.
