게시물 페이지와 홈 페이지 사이에 차이두기

대부분의 블로그들은 홈 화면과 특정 게시물 페이지가 다른 모습을 보인다.

예를 들어, 홈 화면에서는 게시물들의 제목만 목록으로 나열해주고 클릭 시 해당 게시물 페이지로 이동하게 해준다거나, 홈 화면의 게시물들은 미리보기만 제공하고 게시물 페이지에서는 댓글 작성이나 공유 기능 등을 사용할 수 있게 할 수 있다.

홈 페이지에서의 게시물 내용과 게시물 페이지 자체에서의 게시물 내용을 구분하는 것은 비교적 간단하다.

Source Code
게시물이 표시되는 부분인 <article> 태그 내에서 다음과 같은 조건문들을 사용하면 된다.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
</b:if>

우선, 위의 조건문은 홈 페이지에서 표시되는 게시물인지를 체크하는 것이다.

그리고 다음의 조건문은 게시물 페이지 자체 내에서의 게시물인지를 체크하는 것이다.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>

따라서, <article> 태그 내부의 첫 줄에

<b:if cond='data:blog.pageType != &quot;item&quot;'>
This post is on the home page!
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
This post is not on the home page!
</b:if>

이렇게 코드를 포함시키면 다음과 같은 결과가 나온다.

(1) 홈 페이지일 때

(2) 홈 페이지가 아닐 때