상세 컨텐츠

본문 제목

wordpress theme (category.php)

쿠쿠 작업장(web CMS)/wordpress

by eunclove 2015. 5. 25. 14:33

본문

728x90
반응형

워드프레스 카테고리별 목록 만들기


워드프레스 기본적으로 index.php에서 많이 해결을 하지만 자신만의 테마를 만들고 카테고리별로 목록을 보여 주고 싶을 때는 


category.php를 하나 생성 해서


index.php 와 같은 구조를 만든다.


<div id="main">

  <div id="content">

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

      <div class="class-name">

        <h2>

          <a href="<?php the_permalink(); ?>"><?php the_title(); //포스트 제목 ?></a>

        </h2>

        <p><!-- 포스트 날자 및 시간 카테고리 -->

          <?php echo get_the_date(); ?> <?php echo get_the_time(); ?>

          | Category : <?php the_category(', '); ?>

        </p>

        <?php  // 포스트 썸네일 가져오는 부분

          if ( has_post_thumbnail() ) {

            the_post_thumbnail( array(100,100), array(

              'class' => 'class-name',

            ) );

          }

        ?>


      </div>

    <?php endwhile; else: ?>

<h2>포스트가 없습니다.</h2>

    <?php endif; ?>


  </div>

</div>


여기서 카테고리 제목을 출력을 해줄때에는


<?php single_cat_title(); ?>

이것을 코드에 삽입해 주면된다.


<div id="main">

  <div id="content">

<?php single_cat_title(); // 카테고리 이름 불러오는것?>

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

      <div class="class-name">

        <h2>

          <a href="<?php the_permalink(); ?>"><?php the_title(); //포스트 제목 ?></a>

        </h2>

      </div>

    <?php endwhile; else: ?>

<h2>포스트가 없습니다.</h2>

    <?php endif; ?>


  </div>

</div>


이러면 카테고리별 목록을 불러 올수 있으며

특정 카테고리 또는 카테고리별 목록을 다르게 사용하시려면


category-(slug).php 또는 category-(id).php 해당 카테고리별 슬러그 또는 아이디 넘버로 목록을 따로 만들수 있다.

갤러리를 만들경우에는 썸네일을 리스트를 만들때면 포스트 제목을 또는 썸네일과 포스트 제목 포스트내용등을 리스트화 해서 다양하게 보여 줄수 있다.


728x90

관련글 더보기

댓글 영역