워드프레스 테마 만들기 - 1 -

2008-05-19

내가 만든게 짱이야~ 라는 식은 아니지만, 아무래도 남이 만든 건 아무리 예뻐도 마음에 안 드는 부분이 있기 마련이다. 그러니 자, 시작해 보자. 워드프레스 테마 만들기!

일단 스텝 1. 블로그의 구조를 결정하자.

기본적으로 상단에는 블로그 제목, 가벼운 설명이나, 현재 위치한 페이지 정도가 들어간다. 하단에는 광고나, 블로그의 기술적 정보 정도가 들어가게 되겠다. 사이드 바라고 불리는 부분, 왼쪽이나 오른쪽의 실제 내용과 조금 동떨어진 부분에는 카테고리 구조나, 검색창, 태그 클라우드, 뭐 기타 등등이 들어갈 예정이다.

파일 구조를 생각한다면, header.php, sidebar.php, footer.php, index.php 이 네 개가 된다. - 왜 이런지는 나중에 생각하도록 하고-

일단 워드프레스 테마는 The Loop 라는 구조를 가진댄다. 이게 뭐냐면 뺑뺑 돌면서 원하는 정보를 뽑아내서 보여주는 구조란다. 블로그에서 반복되는 부분을 가리키는 거다. 예를 들면, 지금 보고 있는 포스트 부분은 내용이 있고, 날짜가 나오고, 제목이 나오고, 저자가 나오고, 관련 태그가 나온다. 그 아래 트랙백과 답글이 달려 있고. 이건 내용 자체는 달라지지만 구조는 똑같이 반복된다. 바로 여기가 테마의 핵심 index.php가 된다. 자세한 설명은 여기참조.

여튼 그래서 일단 만들어진 index.php는 아래와 같다.


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!–  여기 포스트가 없을 때까지 반복됩니다. –>
<?php endwhile; else: ?>
<!–  여기엔 포스트가 없을 때 글이 보입니다. –>
<?php endif; ?>

그럼 여기 살을 좀 붙여 보기로 하겠다.

기본적으로, 각 포스트는

div로 둘러싸고.
제목이 있으며, -h2정도로 하자
제목은 퍼머링크를 겸하고,
포스트 하단부에는 저자 정보, 태그, 카테고리, CCL, 날짜, 등의 메타정보가 들어간다.

이하의 내용을 바탕으로 하면,


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!–  여기 포스트가 없을 때까지 반복됩니다. –>

">
  
  
Post_Meta_Data_Section">
 



</div>
<?php endwhile; else: ?>
<!–  여기엔 포스트가 없을 때 글이 보입니다. –>
<?php endif; ?>

이렇게 하면 이제 일단 글이 보이긴 한다.

얼터너티브 드림을 읽었다. 세컨드 라이프란 걸 시작해 봤다.