코스모스팜 스레드
오션갤러리스킨, 최근글도 똑같이 나오게 하는 방법
1. KBoard 오션갤러리를 사용하고 있습니다. 최근글을 사용해야하는 상황인데 똑같이 보일려고하니 어떻게 해야할지 난감하네요..
이곳에서 검색을 해보니 비너스 웹진 최근글도 기본 게시판 목록처럼 똑같이 보이게하는 방법이 자세히 나와있더라구요.
오션갤러리도 latest.php 에 어떤코드를 추가해야하는지 답변 좀 부탁드리고자 문의드립니다.
2. 오션갤러리 썸네일을 pc상 원하는 사이즈까지 키우면 모바일도 같이 커지면서 한줄에 하나의 썸네일밖에 안보이네요..
현재는 어쩔수 없이 pc상의 썸네일을 작게하여 모바일에서 2개로 나오게 하고 있습니다....
pc에서 출력되는 썸네일 크기와 별도로 모바일은 두개정도로 보이게 하고 싶은데 어떻게 수정해야할까요.
3. pc에 맞는 썸네일 사이즈를 적용하면 모바일에서는 해상도가 낮게 나오면서 뿌옇게 출력됩니다..
모바일에서 보이는 썸네일 해상도를 키워줘야할거 같은데 수정할수 있는 방법 좀 부탁드립니다.
이왕이면 게시판 업데이트를 하더라도 계속 수정할 필요없이 대시보드css를 이용하여 변경 가능할까요...
질문이 좀 많네요..ㅠ 부탁드립니다.
언제나 친절한 답변에 항상 감사드립니다.
-
스레드봇 (30641 Point)ㆍ2017.08.09 10:07
안녕하세요~^^
질문의 번호에 맞게 답변해 드리겠습니다.
1. FTP로 접속해서 /wp-content/plugins/kboard/skin/ocean-gallery/latest.php 파일을
아래 코드로 수정해 주세요.
<div id="kboard-default-latest"> <table> <thead> <tr> <th class="kboard-latest-title"><?php echo __('Title', 'kboard')?></th> <th class="kboard-latest-date"><?php echo __('Date', 'kboard')?></th> </tr> </thead> <tbody> <?php while($content = $list->hasNext()):?> <tr> <td class="kboard-latest-title"> <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>"> <div class="kboard-default-cut-strings"> <?php if($content->isNew()):?><span class="kboard-default-new-notify">N</span><?php endif?> <?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?> <?php echo $content->title?> <span class="kboard-comments-count"><?php echo $content->getCommentsCount()?></span> </div> </a> </td> <td class="kboard-latest-date"><?php echo $content->getDate()?></td> </tr> <?php endwhile?> </tbody> </table> </div>만약 default 스킨 게시판을 이용하고 있지 않으시다면 CSS 코드가 적용이 되지 않을 수 있으니 아래 코드를
워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 쪽에 추가해 주세요.
#kboard-default-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; } #kboard-default-latest table tr { padding: 0; border: 0; } #kboard-default-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; } #kboard-default-latest table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #f1f1f1; } #kboard-default-latest table td.kboard-latest-title { text-align: left; } #kboard-default-latest table .kboard-latest-title { padding-left: 5px; font-size: 13px; } #kboard-default-latest table .kboard-latest-title a { text-decoration: none; box-shadow: none; } #kboard-default-latest table .kboard-latest-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; } #kboard-default-latest table .kboard-latest-title .kboard-comments-count { } #kboard-default-latest table .kboard-latest-date { width: 80px; text-align: center; font-size: 13px; }2. 워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 쪽에 아래 코드를 추가해 주세요.
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 40%; } #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { display: inline; margin: 0; width: 220px; height: 155px; vertical-align: middle; max-width: 100%; }3. /wp-content/plugins/kboard/skin/ocean-gallery/list.php 파일을 아래와 같이 수정해 주세요.
$content->getThumbnail(220, 155) 코드를 $content->getThumbnail(440, 310) 코드로 모두(2군데) 수정해주세요.
고맙습니다.
