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

Last Updated: 2023년 07월 11일 | | 14개 댓글

워드프레스의 특정 카테고리 글을 게시판 형식(표 형식)으로 나열하고 싶은 경우가 있을 수 있습니다. 이 경우 카테고리 템플릿을 추가하여 해당 카테고리 글을 테이블 형식으로 표시할 수 있습니다. 이외에도 뉴스페이퍼와 같은 테마를 사용하면 수월하게 비슷한 형식(완전히 동일하지는 않지만)으로 글들을 나열할 수 있습니다.

이외에도 Posts Table Pro라는 워드프레스 플러그인을 사용하면 포스트, 페이지, 커스텀 포스트 타입, 커스텀 필드, 분류 등을 표 형식으로 표시할 수 있습니다.

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

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

네이버 지식에서 "한국형 게시판처럼 쎔네일 표시 없이 제목만 나열하고" 싶다는 질문이 있어서 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 코드를 만드는 작업이 제법 시간이 걸리네요.

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

참고로 별로 권장하지 않지만 특정 카테고리의 글들을 Kboard 게시판으로 이전하는 것도 고려해볼 수 있습니다. 이 경우 DB에서 wp_posts 테이블과 Kboard 테이블을 비교하여 워드프레스 글을 케이보드로 복사하는 방식으로 이전이 가능합니다. 댓글이 있다면 조금 더 복잡해질 것입니다. 이 작업이 용이하지 않으면 여기에서 서비스(유료)를 의뢰하실 수 있습니다.

참고:


14 개 댓글

Leave a Comment

  1. 안녕하세요
    구글에서 검색해보다가 찾아오게 됐어요.
    위 이미지처럼 게시판 형식으로 구현해보려고 하는데 초보자라 아직 많이 어렵네요.
    혹시 가능하시면 코드를 공유해 주실 수 있을까요?
    참고하면서 만들어보려고 해요.
    고맙습니다.

    응답
  2. 안녕하세요! 좋은글 너무 도움이 많이 됩니다 감사합니다!
    혹시 글 리스트에 카테고리가 명시되고 썸네일이 나왔으면 좋겠는데 그건 어떻게 추가할수있을가요? ㅠㅠ
    이런 함수?가 어디에 정의되어있는지 혹시 레퍼런스를 좀 알수있을가요?
    워드프레스 테마 만드는중인데 초보라 어려움이 많네요 ㅠㅠ 감사합니다!

    응답
  3. 저 ACF 질문인데요..
    acf에 리피터 기능이 있잖아요..

    리피터를 하다 보면 리스트가 많아져서 몇개씩 끊어서 보여주는 즉 페이징을 하고 싶은데 가능한가요?

    두번째는 리스트를 클릭할때 내용은 따로 보여 주고 싶은데...
    물론 ACF 에 정보가 있는건데요..

    제품명
    제품내용

    여기서 제품명은 리스트로 보여주고 제품내용을 새창에서 보여주고 싶습니다.

    읽어주셔서 감사합니다.

    응답
  4. 안녕하세요..
    궁금한게 있어서요..
    포스트 리스트에 파일을 같이 포함하고 싶은데 가능할까요?
    글제목(파일명)

    파일명을 누르면 다운이 되었으면 하는데..
    물론 파일은 ACF를 이용하고 싶습니다.

    매일 들어오는데 늘 도움이 됩니다.
    감사합니다.

    응답
  5. 안녕하세요. 이 코드를 어디에 써야 하나요? page의 텍스트 부분에 위 코드를 붙여넣기 하니, 자동 코드 변환이 되어 안먹히네요ㅠ

    응답
    • 안녕하세요?

      위의 내용은 카테고리 템플릿이나 Index.php 파일 등 테마 소스에 적용해야 하는데요, 워드프레스에 대한 지식이 조금 필요합니다. 이러한 부분에 대해 잘 모르시면 플러그인을 사용하시면 좋을 듯 합니다.

      List category posts 같은 플러그인이 있습니다(위의 본문에 언급됨).
      https://wordpress.org/plugins/list-category-posts/

      다른 방법으로 PHP 코드를 페이지에 추가할 수 있도록 해주는 플러그인이 있습니다.
      https://www.thewordcracker.com/intermediate/insert-php-in-wordpress-posts-or-pages/ 글을 참고해보세요.

      참고로 PHP 코드를 직접 페이지/글에 추가하는 방식은 별로 바람직하지 않고요, 가급적 숏코드를 만들어서 적용하는 것이 좋습니다. 위에 링크된 글에서 소개한 "Insert PHP Code Snippet 플러그인"이 더 바람직할 것입니다.

      응답
할인 소식
아스트라 테마 최대 40% 할인!
Limited Time Offer
You This Coupon Code in Checkout
Click the code to Copy