태그로 기사 분류하기

작성한 기사는 카테고리와 포스트 포맷(글 형식)뿐만 아니라 태그로 분류할 수도 있다. 여기에서는 기사마다 태그를 지정하고, 태그 페이지에서 같은 태그를 가진 기사를 구독할 수 있게 한다.

  1. 태그 지정하기
    기사마다 기사의 내용과 관련된 키워드를 태그로 지정한다. 이렇게 지정하면 같은 태그를 가진 기사를 정리해서 구독할 수 있다.
  2. 태그 표시하기
    편집화면에서 지정한 태그를 기사의 개별 페이지에 표시한다. 개별 페이지 기사의 출력을 지정하는 content-single.php를 열고<?php the_tags(); ?>를 추가한다. 여기에서는 작성 연월일을 출력하는 <?php echo get_the_date(); ?> 앞에 추가한다. 전체를 <?php if(has_tag()): ?>~<?php endif; ?> 사이에 입력해서 태그가 지정되는 경우만 출력한다.
    content-single.php

    <div class=”post”>
    <h2><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h2>
    (생략)
    <p class=”postinfo”>

    <?php if(has_tag()): ?>
    <?php the_tags(‘TAGS: ‘,’∙’); ?>
    |
    <?php endif; ?>

    <?php echo get_the_date(); ?>
    </p>(생략)

  3. 태그 출력을 사용자정의로 지정하기
    태그 앞에 삽입된 ‘태그:’를 ‘TAGS:’로 변경하고, 각 태그를 ‘,'(콤마)가 아닌 ‘·'(점)으로 구분하기 위해 <?php the_tags(); ?>의 파라미터를 ‘TAGS: ‘,’∙’로 지정한다.
  4. 태그 페이지의 표시 확인하기
    출력한 태그에는 태그 페이지로 이동하는 링크가 설정된다. 그러나 태그 페이지를 생성하는 템플릿을 준비하지 않았기 때문에 index.php로 생성된 화면이 표시된다.
    ->MEMO
    예제에서는 index.php에 아무 것도 입력되어 있지 않기 때문에 아무 것도 표시되지 않는다.
  5. 태그 페이지 전용 펨플릿 작성하기
    테그 페이지를 생성하는 tag.php라는 템플릿을 작성해서 [sample] 테마 폴더로 업로드한다.
    태그 페이지는 카테고리 페이지를 기본으로 작성하기 때문에 카테고리 페이지를 생성하는 category.php의 소스를 모드 tag.php로 복사한다. 이제 같은 태그를 가진 기사를 표시할 수 있다.
    tag.php

    <?php get_header(); ?><!– 이동경로 –>
    <div id=”breadcrumb”>
    <div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>
    <a href=”<?php echo home_url(); ?>” itemprop=”url”>
    <span itemprop=”title”>TOP</span>
    </a> &rsaquo;
    </div><div><?php single_cat_title(); ?></div>
    </div>

    <!– 콘텐츠 –>
    <div id=”content”>
    <p class=”title”><?php single_cat_title(); ?></p>

    <?php query_posts(‘posts_per_page=-1&order=ASC&’ . $query_string); ?>
    <?php if(have_posts()): while(have_posts()):
    the_post(); ?>
    <?php get_template_part(‘content’,’excerpt’); ?>
    <?php endwhile; endif; ?>

    <?php get_template_part(‘pagenation’); ?>
    </div>

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

    ->MEMO
    카테고리 페이지에서는 카테고리에 속하는 모든 기사를 오래된 기사부터 순서대로 표시되도록 지정한다. 따라서 category.php의 소스를 복사한 태그 페이지에서도 같은 태그를 가진 모든 기사가 오래된 기사부터 순서대로 표시된다.

->TIPS 태그클라우드 표시하기
위젯에 태그 페이지로 이동하는 링크를 표시하는 경우 태그 클라우드(tag cloud) 형식으로 표시할 수 있다. 관리화면의 [외모]-[위젯]을 열고 ‘사용할 수 있는 위젯’ 항목 안에서 ‘태그 구름’을 선택해서 오른쪽의 위젯 영역 ‘사이드바1’에 추가한다.
사이드바를 확인하면 태그 클라우드(태그 구름)가 표시된다. 태그 클라우드에서는 기사에 많이 설정된 태그일수록 큰 문자로 표시된다.

출처: 바꾸면서 배우는 워드프레스 디자인

“태그로 기사 분류하기”에 대한 한개의 댓글

답글 남기기