기본 콘텐츠로 건너뛰기

워드프레스 글목록 리스팅 그리드 하는 법

워드프레스 사이트에서 카테고리를 눌렀을 때 포스트 별로 박스(썸네일포함) 형태가 아닌  포스트 제목 목록으로만 표시하여 최대한 가독성을 높이고 싶을 때가 있습니다.
워드프레스 글목록 리스팅 그리드 하는 법을 찾아 본 결과 플러그인으로 다양하게 표현 할 수도 있습니다.
플러그인 추가가 속도 등으로 염려되는 분께서는 간단히 PHP 파일 추가(하단설명)로 리스팅 하실 수도 있으나 너무 단순하여 보기에 좋지 않을 수 있습니다.

워드프레스 글목록 리스팅 그리드 하는 법


워드프레스 글목록 관련 플러그인

(클릭 시 워드프레스 플러그인으로 이동)

1. Post Grid Combo 주요 특징

  1. 그리드 레이아웃클릭 한 번으로 그리드를 만들 수 있는 사전 제작된 그리드 레이아웃이 많이 있습니다. 또한 그리드를 사용자 지정할 수 있는 완벽한 유연성을 제공합니다.
    CSS 옵션을 사용하면 훨씬 고급 그리드 레이아웃을 만들 수 있습니다.
  2. 배치 후
    사전 제작된 포스트 레이아웃을 가지고 있습니다. 스타일을 적용하고 미리 제작된 작은 블록을 포함하여 모든 블록을 레이아웃에 추가하거나 제거하여 더욱 인상적으로 만들 수 있습니다.
  3. 고급 쿼리
    우리는 당신이 상상할 수 있는 최대 수준의 쿼리 기능을 제공하고 있습니다. 다양한 게시물 유형, 사용자 정의 분류법, 메타 쿼리, 날짜 쿼리, 작성자 쿼리 등으로 게시물을 쿼리할 수 있습니다.
  4. 페이지화
    Normal Pagination과 함께 Ajax Pagination, Next-Previous Pagination, Load More 및 무한 로드와 같은 일부 다른 페이지 유형을 포함했습니다.
  5. 응답 그리드
    포스트 그리드는 응답성이 뛰어나며 거의 모든 장치에서 작동합니다. 좋은 점은 모바일 또는 태블릿을 기반으로 몇 가지 옵션을 설정할 수 있습니다.
    모바일 장치에서 사용자 지정 열 번호를 설정할 수 있는 것과 같은 장치.
  6. 모든 사용자 지정 게시물
    사후 그리드는 사용자 지정 사후 유형의 그리드를 표시하는 마스터입니다. 당신은 절대로 걱정하지 않을 것입니다. 당신은 또한 할 수 있습니다.
    단일 포스트 그리드에 표시할 여러 포스트 유형을 선택합니다.
  7. 분류법 및 용어 지원
    사용자 정의 분류법 및 용어별 쿼리 게시물은 포스트 그리드에서 이미 가장 원하는 기능입니다. 쿼리 게시물에 대한 여러 분류법 및 용어를 선택할 수 있습니다.
  8. 포스트 그리드 무제한
    포스트 그리드를 만드는 데는 제한이 없으며, 웹 사이트에서 무제한 포스트 그리드를 만들 수 있습니다.
  9. 스킨 & 레이아웃 기반
    스킨 및 레이아웃 기반의 그리드 항목 게시, 기본 CSS가 있는 경우 레이아웃 요소를 사용자 정의하고 스킨을 변경할 수 있습니다.
  10. 페이지화 지원
    포스트 그리드는 페이지화를 지원합니다. 페이지 항목 수와 “다음” 및 “이전” 텍스트도 제한할 수 있습니다.
    텍스트 대신 아이콘을 선택합니다.
  11. 입력 필드 검색
    그리드 맨 위에 검색 입력 필드를 표시하여 사용자가 그리드를 통해 검색하고 원하는 게시물을 찾을 수 있습니다.
  12. 사후 쿼리 기능
    포스트 그리드에는 원하는 게시물을 그리드에 표시하기 위한 많은 지원 및 입력이 있으며, 사용자 지정할 수 있습니다.

 

2. The Post Grid 주요 특징

  1. 완벽한 응답성과 모바일 친화성.
  2. 개별 요소 또는 추가 기능
  3. 3 요소 또는 위젯
  4. 9 요소 또는 레이아웃
  5. 구텐베르크 블록 4개
  6. 무제한 그리드를 생성
  7. 단어 또는 문자의 발췌 제한
  8. 사용자가 발췌 끝단을 정의합니다(…)
  9. 제목 및 버튼 색상 제어
  10. 이미지 크기 및 오버레이 제어
  11. 분류법별 게시물(들), 태그(들), 작성자(들), 키워드(들) 등 표시
  12. ID별, 제목별, 작성 날짜, 수정 날짜 및 메뉴 순서
  13. 디스플레이 이미지 크기(썸네일, 중간, 대형, 전체)
  14. 간격 띄우기 필드: 처음부터 기둥을 건너뜁니다.
  15. 필드 선택.
  16. 메타 아이콘 컨트롤.
  17. 메타 분리 제어.
  18. 단축 코드 제목 컨트롤.
  19. 횡단 색상 컨트롤.
  20. 기본 및 버튼 색상 컨트롤.
  21. 페이지 사용/사용 안 함.
  22. 기능 이미지 사용/사용 안 함 옵션
  23. 요소 또는 위젯에서 레이아웃 미리보기 및 실시간 미리보기

3. PHP 파일 추가 (워드프레스 글목록 – 카테고리만)

category.php 파일을 새로 생성하기 위해 다음 함수를 복사하십시오.

<?php
get_header(); ?>

<div class=”wrap”>
<?php if ( have_posts() ) : ?>
<header class=”page-header”>
<?php
the_archive_title( ‘<h1 class=”page-title”>’, ‘</h1>’ );
the_archive_description( ‘<div class=”taxonomy-description”>’, ‘</div>’ );
?>
</header><!– .page-header –>
<?php endif; ?>

<div id=”primary” class=”content-area”>
<main id=”main” class=”site-main” role=”main”>

<?php
if ( have_posts() ) :
?>
<?php
/* Start the Loop */
while ( have_posts() ) :
the_post(); ?>

<div id=”category-post”>■ <a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a>
<small><?php the_time(‘F jS, Y’) ?> by <?php the_author_posts_link() ?></small> </div>

<?php
endwhile;
else :
get_template_part( ‘template-parts/post/content’, ‘none’ );
endif;
?>
</main>
</div>
<?php get_sidebar(); ?>
</div>

<?php
get_footer();

  1. Notepad++ 프로그램을 실행 시켜 복사한 위의 함수를 붙여넣기 합니다.
  2. 파일 제목과 형식은 category.php 로 하여 저장 합니다.
  3. 본인의 FTP에 접속합니다.(파일질라 프로그램 접속)
  4. www > wp-content > themes > oceanwp(본인의 테마) 폴더 안에 위의 category.php 파일을 업로드 합니다.
  5. 다시 사이트로 들어가서 카테고리를 누르면 글제목-작성일자-작성자 이렇게 하여 매우 단순하게 표현됩니다.

기본적으로 리스팅 된 수는 테마에서 본인이 설정한 포스팅 수 까지만 나옵니다.
PHP 파일로 워드프레스 글목록 한번 적용하여 보시고 불필요 할 경우 FTP에서 업로드 했던 category.php 파일을 삭제하시면 됩니다.

 


Labels:

댓글

댓글 쓰기