헤더 이미지 대신에 추천 기사 표시하기

톱페이지에서는 헤더 이미지 대신에 추천 기사를 크게 표시해서 콘텐츠를 눈에 띄게 한다. 추천 기사의 특성 이미지와 제목, 요약문 등을 표시하고, 기사의 개별 페이지에 접속할 수 있게 한다.

  1. 톱페이지의 헤더 이미지 출력하지 않기
    추천 기사를 표시하기 위해 톱페이지의 헤더 이미지를 표시하지 않도록 지정한다. header.php를 열고 헤더 이미지를 출력하는 부분을 확인하면 전체를 <?php if(!is_single()):?>~<?php endif; ?>를 이용해서 기사의 개별 페이지 이외의 페이지를 생성할 때 그 내용을 출력한다. 이것은 기사의 개별 페이지를 사용자정의로 디자인하기에서 지정한 것으로 여기에서는 !is_home()이라는 조건을 추가해서 ‘기사의 개별 페이지와 톱페이지 이외의 페이지를 생성할 때 내용을 출력하기’로 지정한다.
    header.php

    (생략)
    </div><?php if(!is_single() && !is_home()): ?>
    <?php if(get_header_image()): ?>

    <script>
    (생략)
    </script>

    <div id=”slideshow”></div>
    <?php endif; ?>
    <?php endif; ?>

    </div>

  2. 헤더 이미지 대신에 추천 기사 표시하기
    톱페이지에는 헤더 이미지 대신에 추천 기사를 표시한다. home.php에 입력한 추천 기사를 출력하는 소스를 header.php에 복사한다. header.php에 입력한 설정은 모든 페이지에 출력되기 때문에 전체를 <?php if(is_home()): ?>~<?php endif; ?>를 이용해서 톱페이지만 출력한다. 이렇게 설정하면 톱페이지의 헤더 부분에 추천 기사가 표시된다.
  3. 추천 기사의 특성 이미지 크게 표시하기
  4. 추천 기사의 제목과 요약문 표시하기
  5. 추천 기사의 디자인 지정하기
  6. 콘텐츠 부분의 추천 기사 삭제하기
  7. 새로운 추천 기사 지정하기

답글 남기기