코스모스팜 스레드

앨범게시판 메인 썸네일 크기 조정하고 싶어요

위 이미지 처럼 썸네일 이미지 크기 자유롭게 조절하고 싶은데 어디를 고쳐야 하는지 알고 싶습니다. 

이미지랑 . 제목 타이틀만 나오는데  날짜도 나오게 하고 싶습니다. 

답변 기다립니다. 감사합니다. 

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    최신글 레이아웃은

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/latest.php 파일에서 수정하실 수 있습니다.

     

    현재 어떤 스킨을 사용 중이신지 알려주시면

    해당 스킨의 최신글 레이아웃에서 이미지 크기를 늘리고

    날짜도 표시하는 방법을 안내해드리겠습니다.

    고맙습니다.

  • card-gallery  프로그램 입니다. 

    latest.php 소스가 

     

    <div id="kboard-card-gallery-latest">
        <ul class="kboard-list">
            <?php while($content = $list->hasNextNotice()):?>
            <li class="kboard-list-item">
                <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
                    <?php if($content->getThumbnail(70, 50)):?>
                        <div class="kboard-list-thumbnail" style="background-image:url(<?php echo $content->getThumbnail(70, 50)?>)"></div>
                    <?php endif?>
                    
                    <div class="kboard-list-title">
                        [<?php echo __('Notice', 'kboard')?>]
                        <?php echo $content->title?>
                        <?php echo $content->getCommentsCount()?>
                        <?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
                    </div>
                </a>
            </li>
            <?php endwhile?>
            <?php while($content = $list->hasNext()):?>
            <li class="kboard-list-item">
                <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
                    <?php if($content->getThumbnail(70, 50)):?>
                        <div class="kboard-list-thumbnail" style="background-image:url(<?php echo $content->getThumbnail(170, 100)?>)"></div>
                    <?php endif?>
                    
                    <div class="kboard-list-title">
                        <?php echo $content->title?>
                        <?php echo $content->getCommentsCount()?>
                        <?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
                    </div>
                </a>
            </li>
            <?php endwhile?>
        </ul>
    </div>

     

    이렇게 되네요 

  • KBoard 카드 갤러리 스킨 최신글 쪽에서 썸네일 이미지 크기를 늘리시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail { width: 80px; height: 60px; }

    위의 코드에서 픽셀 값은 적절히 수정해주세요.

     

    단순히 CSS 코드로 이미지 크기를 늘리면 이미지가 깨져보일 수 있기 때문에

    최신글 쪽 파일도 수정해주셔야 합니다.

     

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/latest.php 파일에

    아래의 코드를 찾아서

    $content->getThumbnail(70, 50)

    아래의 코드처럼 숫자를 늘려보시겠어요?

    $content->getThumbnail(80, 60)

    해당 코드는 최신글 이미지의 해상도를 조절하는 코드입니다.

     

    날짜를 표시하시려면 latest.php 파일 적절한 위치에

    아래의 코드를 추가해보시겠어요?

    <div class="kboard-list-date"><?php echo $content->getDate()?></div>

    고맙습니다.

  • 안녕하세요. 개발자님 100 100으로 해서 했는데 문제는 사진과 사진이 딱 붙어 버렸네요. 

    사진과 사진의 거리감 공간은 어디서 수정해야 될까요?

    빠른 답변 늘 감사합니다. 

  • 아래 CSS 코드도 추가해보시겠어요?

    #kboard-card-gallery-latest .kboard-list-item { height: 100px; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)