상세 컨텐츠

본문 제목

wordpress theme (content.php)

쿠쿠 작업장(web CMS)/wordpress

by eunclove 2014. 11. 11. 15:18

본문

728x90
반응형

워드프레스 에서는 글 형식들을 지원하고 있다.

이것은 단순히 포스트 내용만을 보여주는게 아니라 포스트 형식에 맞춰서 여러가지 형태를 선택해서 보여 줄 수 있다는 것이다.


우선은 functions.php 다음과 같은 코드를 삽입해 준다.


add_theme_support( 'post-formats', array( 'image', 'quote', 'audio' ) );


위와 같이 설정해 주게 되면 글쓰기 오른쪽에 보면 글 형식에 이미지, 인용, 오디오가 들어가 있는것을 보게 될것이다.



즉, 포스트 형식을 어떻게 쓸것 인가를 functions.php에 지정을 해주면 된다.


그리고 나서 single.php 와 같은 파일을 복사해서 content.php를 하나 생성해 준다.

content.php 를 생성한후 아래와 같이 코드를 바꿔준다.


<?php

get_header(); 

?>

<div id="main">

<div id="content">

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

<div>

<?php

$format = get_post_format();

get_template_part( 'content', $format );

?>

</div>

<?php endwhile; else: ?>

<?php endif; ?>

</div>

</div>

<?php

get_footer();

?>


다음은 포스트 형식에 따른 파일을 만듭니다. 

content-image.php 파일을 생성후 single.php의 코드를 복사 한 후 아래와 같이 클래스를 지정해 줍니다.


<?php

get_header(); 

?>

<div id="main">

<div id="content">

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

<div class="format-image">

<?php the_content(); ?>

<?php comments_template(); ?>

</div>

<?php endwhile; else: ?>

<?php endif; ?>

</div>

</div>

<?php

get_footer();

?>


다음에 style.css에서 스타일을 지정해 주면

포스트에서 어떤 포스트를 쓸지 정한 후 포스트를 작성하게 되면 각가의 해당의 포스트 형식으로 출력 합니다.


워드프레스에서 지원 하는 포스트 형식은


  • aside
  • chat
  • gallery
  • link
  • image
  • quote
  • status
  • video
  • audio
등이 있다.


728x90

'쿠쿠 작업장(web CMS) > wordpress' 카테고리의 다른 글

wordpress-do_shortcode 사용하기  (0) 2015.05.21
wordpress theme (page.php)  (0) 2014.11.12
wordpress theme (single.php)  (0) 2014.11.10
wordpress theme (index.php)  (0) 2014.10.30
wordpress 테마만들기(style.css)  (0) 2014.10.28

관련글 더보기

댓글 영역