display category posts in list format in wordpress - 워드프레스 카테고리 글을 게시판 형식으로 표시하기

[워드프레스] 카테고리 글을 게시판 형식으로 나열하기

네이버 지식에서 “한국형 게시판처럼 쎔네일 표시 없이 제목만 나열하고” 싶다는 질문이 있어서 Pro Grid와 같은 플러그인을 사용하면 원하는 형식으로 카테고리 글을 나열할 수 있을 것이라는 답변을 준 적이 있습니다. 하지만 질문하신 분이 찾은 플러그인은 List category posts라는 플러그인이네요.

이 플러그인은 단순하게 카테고리 글을 나열하기 때문에 추천하지 않은 것인데, 질문하신 분은 단순히 리스트식으로 글을 나열하기를 원했던 것 같습니다.

사실 이런 기능 때문에 플러그인을 사용한다는 것은 별로 좋은 옵션이 아닙니다. 다음과 비슷한 코드를 사용하면 쉽게 카테고리 글을 목록 식으로 나열할 수 있습니다.

// Display category posts with titles only in WordPress
<ul>
<?php
$catquery = new WP_Query( 'cat=1&posts_per_page=10' ); // 카테고리 ID, 표시 글 개수
while($catquery->have_posts()) : $catquery->the_post();
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
</li>
<?php endwhile; ?>
</ul>

CSS로 적절히 레이아웃만 조정하면 됩니다. (실제로 테스트해보지 않았지만 문제가 없이 잘 작동할 것이라 생각됩니다.) 이런 작업 때문에 플러그인을 사용하는 것은 역시 과용이라고 밖에 할 수 없을 것 같습니다.

내침 김에 이 블로그의 카테고리 글을 게시판 형식으로 표시해보았습니다.

display category posts in list format in wordpress - 워드프레스 카테고리 글을 게시판 형식으로 표시하기시간이 나면 댓글 개수도 표시하는 등 조금 더 정교하게 바꿀 수 있지만 시간이 부족하여 레이아웃만 나오도록 대충 조정했습니다.

드림위버 등에서 테이블(Table)을 만들어 이용하면 쉽게 가능하지만, div 태그를 사용하여 CSS 표로 만들었습니다. (HTML 테이블을 사용하면 속도가 느려진다고 하네요.) 기본적인 코드는 이 jsfiddle의 코드를 응용했습니다(참고). 방식은 매우 간단하지만 개별 워드프레스 테마에 맞게 조정하고 CSS 코드를 만드는 작업이 제법 시간이 걸리네요.

글 번호를 추가하는 방법은 여기에서 확인할 수 있습니다. 글 제목만 표시하면 매우 간단하게 가능하지만, 일련번호를 추가하는 등의 작업을 병행하면 초보자가 하기에는 조금 복잡해지네요.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.