이전 게시물에서 조건부 태그를 사용하여 모바일에서 특정 위젯을 숨기거나 표시하는 방법에 대해 썼었습니다. 그런데 테마를 커스터마이징하다 보니 조건부 태그에 주의해야 할 부분이 많아 조건부 태그 목록을 정리했어요. 블로그스팟의 조건부 태그에 익숙해지면 테마를 편집할 때 위젯이 표시되는 조건을 파악하는 데 유용할 것입니다.

블로그스팟 조건부 태그 목록

Blogger 테마에서 조건부 태그를 사용하여 특정 조건에서 위젯 또는 HTML을 숨기거나 표시할 수 있습니다. 예를 들어 데스크톱에서만 HTML 또는 위젯을 표시하고 모바일에서는 숨길 수 있습니다. 또는 복수의 조건이 충족되는 경우에만 HTML이나 위젯을 표시하거나 숨길 수도 있습니다.

다음은 HTML 및 위젯 등 테마에 추가할 수 있는 블로그스팟 조건부 태그 목록입니다. 최신버전과 구버전을 분리해놓았으니 착오없으시길 바랍니다.

1. 홈페이지 (Main)

홈페이지 조건부 태그를 사용하면 블로그 첫 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isHomepage'>...</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>

2. 인덱스 페이지 (List)

인덱스 페이지 조건부 태그를 사용하면 모든 글 목록 페이지에 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isMultipleItems'>...</b:if>
<b:if cond='data:blog.pageType == "index"'>...</b:if>

3. 단일 항목

단일 항목 페이지란, 모든 글(Posts)와 페이지(Pages)를 뜻합니다. 단일 항목 조건부 태그를 사용하면 단일 항목 페이지에만 HTML 또는 위젯을 표시합니다. 글 목록에서는 표시되지 않고 포스트 또는 페이지에만 표시합니다.

<b:if cond='data:view.isSingleItem'>...</b:if>
<b:if cond='data:blog.pageType in ["item", "static_page"]'>...</b:if>

4. 글 (Post)

이 게시물 페이지 조건부 태그를 사용하면 개별 게시물(Post) 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isPost'>...</b:if>
<b:if cond='data:blog.pageType == "item"'>...</b:if>

5. 페이지 (Page)

이 게시물 페이지 조건부 태그를 사용하면 개별 게시물(Page) 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isPage'>...</b:if>
<b:if cond='data:blog.pageType == "static_page"'>...</b:if>

6. 검색 페이지

검색 페이지 조건부 태그를 사용하면 검색 페이지에만 HTML 또는 위젯을 표시합니다.

<!-- 라벨 검색 페이지 & 검색어 검색 결과 페이지 -->
<b:if cond='data:view.isSearch'>...</b:if>
    
<!-- 검색어 검색 결과 페이지만 -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>...</b:if>
<b:if cond='data:blog.searchQuery'>...</b:if>

7. 아카이브

아카이브 페이지 조건부 태그를 사용하면 아카이브 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isArchive'>...</b:if>
<b:if cond='data:blog.pageType == "archive"'>...</b:if>

8. 404 오류 페이지

오류 페이지 조건부 태그를 사용하면 404 오류 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isError'>...</b:if>
<b:if cond='data:blog.pageType == "error_page"'>...</b:if>

9. 미리보기

미리보기 페이지 조건부 태그를 사용하면 미리보기 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isPreview'>...</b:if>
<!-- 없음 -->...</b:if>

10. 모바일 전용

모바일 전용 조건부 태그를 사용하면 미리보기 페이지에만 HTML 또는 위젯을 표시합니다.

<b:if cond='data:view.isMobile'>...</b:if>
<b:if cond='data:blog.isMobileRequest == "true"'>...</b:if>

조건부 태그 사용 방법

위의 조건부 태그의 최신 버전을 테마의 HTML 또는 위젯에 다음과 같이 사용할 수 있습니다.
모바일 환경에서만 표시되게 하려면 다음과 같이 작성합니다. 예:

<b:if cond='data:view.isMobile'>
// 여기에 html 또는 위젯
</b:if>

특정 조건에서 표시되지 않도록 하려면 data:view 앞에 ! 또는 not을 추가합니다.

<b:if cond='!data:view.isMobile'>
// 여기에 html 또는 위젯
</b:if>

또는

<b:if cond='not data:view.isMobile'>
// 여기에 html 또는 위젯
</b:if>

참고

블로그스팟 테마 편집 시 구글에서 제공하는 레이아웃 데이터 태그 목록을 참고하세요. 테마를 편집할 때 유용합니다.
Google - 레이아웃 데이터 태그

테마의 HTML 또는 위젯의 출력 조건 등을 맞춤 설정하여 모바일, 데스크톱 환경에서 최적의 상태를 만들어보세요!