외부 템플릿을 적용하여 블로그를 꾸미다보면 원래 표시가 되어야 할 콘텐츠들이 생략되는 현상이 흔히 일어난다. 게시물에 설정된 태그를 표시하는 방법을 알아보자.
Source Code
우선 게시물은 <article>이라는 태그 안쪽에 위치 한다. 따라서 다음의 코드를 <article> 태그 안쪽 부분 원하는 곳에 붙여넣으면 태그 목록을 표시할 수 있다.
<b:if cond='data:post.labels'>위의 코드를 넣으면 다음과 같은 결과가 나올 것이다.
<span class='label-info'>
<i class='fa fa-tags'/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'>
,
</b:if>
</b:loop>
</span>
</b:if>
물론, css를 적용해서 아이콘의 색깔과 배경색 등을 변경해 놓은 모습이다. <i>태그와 <span> 태그에 style 속성을 부여해서 바꾸면 간편하다.
댓글 없음:
댓글 쓰기