안녕하세요, 현재 코스모스팜의 플러그인들을 이용하여 홈페이지를 만들고 있습니다.
제공되는 기능인 '최신글 뷰'시스템을 활용하고 싶은데, 초기 기능으로는 '제목, 날짜'만 나오고 있습니다.
추가하여 작성자, 추천, 조회 등도 나오도록 하고 싶은데
현재
latest.php에
<div id="kboard-customer-latest">
<table>
<thead>
<tr>
<th class="kboard-latest-title"><?php echo __('Title', 'kboard')?></th>
<td class="kboard-latest-user"><?php echo __('Author', 'kboard')?></td>
<td class="kboard-latest-date"><?php echo __('Date', 'kboard')?></td>
<td class="kboard-latest-vote"><?php echo __('Votes', 'kboard')?></td>
<td class="kboard-latest-view"><?php echo __('Views', 'kboard')?></td>
</tr>
</thead>
<tbody>
<?php while($content = $list->hasNextNotice()):?>
<tr>
<td class="kboard-latest-title"><div class="cut_strings"><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>"><strong><font color=#FF0000>BEST</font></strong><?php echo $content->title?></a> <?php echo $content->getCommentsCount()?></div></td>
<td class="kboard-latest-user"><?php echo $content->member_display?></td>
<td class="kboard-latest-date"><?php echo date("Y.m.d", strtotime($content->date))?></td>
<td class="kboard-latest-vote"><?php echo $content->vote?></td>
<td class="kboard-latest-view"><?php echo $content->view?></td>
</tr>
<?php endwhile?>
</tbody>
</table>
</div>
이런식으로 코드를 추가하고
style.css 에
#kboard-customer-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-customer-latest table tr { padding: 0; border: 0; }
#kboard-customer-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; }
#kboard-customer-latest .kboard-latest table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; font-size: 13px; }
#kboard-customer-latest .kboard-latest table td.kboard-latest-title { width: auto; }
#kboard-customer-latest .kboard-latest table td.kboard-latest-user { width: 20px; }
#kboard-customer-latest .kboard-latest table td.kboard-latest-date { width: 50px; }
#kboard-customer-latest .kboard-latest table td.kboard-latest-vote { width: 20px; }
#kboard-customer-latest .kboard-latest table td.kboard-latest-view { width: 20px; }
다음과 같이 추가하였는데
컨텐츠는 추가가 되었는데 문제는 실제 화면상에서 기존 구성과 약간 다르게 나타납니다.
http://www.lawtamin.com/%EB%B2%A0%EC%8A%A4%ED%8A%B8/
'작성자, 추천, 조회'의 폰트 크기나 텍스트 배열 등이 맞지 않는 것 같아 이에 대해 여쭈어 보고자 합니다!
+ 또한 게시판을 수정할 때 style.css의 코드를 수정해도 바로 적용이 되는 부분은 적용이 되는데 예를들어 배경 색과 같은 부분은 수정을 해도 바로 적용이 되지 않는데 이것 또한 함께 여쭈어보고자합니다. 감사합니다 : )
어디에 어떤 속성을 추가하셨는지 알려주시겠어요?
아무튼 스킨이나 KBoard 문제가 아니라 CSS 문법의 문제입니다.
크롬 브라우저의 개발자도구(F12키)를 사용해서 CSS를 찾고 테스트 해보실 수 있으니 활용해보시겠어요? ㅎㅎ
말씀하신대로 customer2, 3, 4 이렇게 수정을 하니 변화가 있었습니다!
좋은 정보 매우 감사합니다.
그런데 수정한 후에도 style.css의 코드를 수정해도 잘 적용이 되지 않습니다.
다른 최신글 뷰를 사용할 때 위와 같이 latest.php를 수정하여 추가하였는데 같은 문제가 발생했습니다.
추가한 부분이 배열과 폰트가 제대로 적용되지않았습니다.
http://www.lawtamin.com/
크롬의 개발자도구(F12키)를 사용해서 확인해보니
CSS 속성이 중복되어서 제대로 적용이 안되고 있습니다.
http://www.lawtamin.com/wp-content/plugins/kboard/skin/customer/style.css
http://www.lawtamin.com/wp-content/plugins/kboard/skin/customer2/style.css
http://www.lawtamin.com/wp-content/plugins/kboard/skin/customer3/style.css
이런식으로 스킨 폴더가 있다면,
latest.php 파일과 style.css 파일에서 아이디를 수정해주세요.
예를들어 스킨 폴더이름이 customer2 라면 latest.php 파일에서
<div id="kboard-customer-latest"> 이 코드에서 아이디를
<div id="kboard-customer2-latest"> 이렇게 고쳐주세요.
그리고 style.css 파일도 마찬가지로
#kboard-customer 이것을 모두 찾아서 #kboard-customer2 이렇게 일괄로 변경하시면 됩니다.
document.php 파일, list.php 파일등 다른 파일에서도
kboard-customer 이걸 찾아서 kboard-customer2 이걸로 일괄로 변경하시면 됩니다.
그럼 속성이 중복으로 적용되는 일은 없을겁니다.
아래 링크의 답변도 참고해주세요^^