케이보드 썸네일 스킨 최신글 폰트 및 레이아웃 수정

1. 정확한 제품 또는 플러그인 이름

썸네일 스킨

 

2. 상세 내용

- 썸네일 스킨으로 최신글을 홈에 불러왔는데 이 사이트(성균관대학교 사회학과 – SKKU SOCIOLOGY)처럼 제목과 내용을 다른 글씨 크기로 수정하고, 제목과 내용이 사진 우측에 가지런히 배열되는 레이아웃을 원합니다.

현재는 내용이 사진 썸네일 아래로 가도록 되어 있습니다. 폰트 크기의 경우는 css 코드를 사용했을 때 제목과 내용이 동일한 글씨 크기로 수정이 되는데, 다르게 수정할 방법이 있을까요?

 

3. 확인 가능한 상세 페이지 주소

Yonsei Sociology – Yonsei Sociology (mycafe24.com)

 

4. 수정한 코드 내역 (있다면)

<div id="kboard-thumbnail-latest">
    <table>
        <tbody>
            <?php while($content = $list->hasNext()):?>
            <tr>
                <td class="kboard-latest-title">
                    <a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>">
                        <div class="kboard-thumbnail-cut-strings">
                            <?php if($content->getThumbnail(100, 150)):?><img src="<?php echo $content->getThumbnail(100, 150)?>" alt="<?php echo esc_attr($content->title)?>"><?php else:?><i class="icon-picture"></i><?php endif?>
                            <?php if($content->isNew()):?><span class="kboard-thumbnail-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>
                            <?php
                            $content->content = str_replace('[', '&#91;', $content->getContent());
                            $content->content = str_replace(']', '&#93;', $content->getContent());
                            echo wp_trim_words(strip_tags($content->content), 200, '...');
                            ?>
                        </div>
                    </a>
                        
                </td>
                <td class="kboard-latest-date"><?php echo $content->getDate()?></td>
            </tr>
            <?php endwhile?>
            
        </tbody>
    </table>
</div>

 

혹여나 도움 주실 수 있는 분들께서는 답변 달아주시면 감사하겠습니다!

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요