title, hwanaejima comics

블로그 템플릿 기본 구조와 조건문

(템플릿은 거의 손대지 않지만, 가끔 손볼 일이 있는데, html을 열 때 마다, 까막눈이 되어 버려서, 뭔 내용인지 눈에 안들어오고, 매번 처음부터 다시 배워야 한다. 그래서 기억용으로 기본 구조를 메모한다. 나말고도, blogger 템플릿 제작을 처음 시작하시는 분들에게 도움이 될 수도 있다.)

기본구조

기본 html시멘틱구조 →  <b:section> → <b:widget type='땡땡'/>(세션안에 있어야 하고, 단독 태그 입력시 자동으로 옵션과 필수 includable들이 생성된다.) →   <b:includable id='main'>(위젯에 표시될 내용)

개념

<b:includable id='땡땡'>은 함수랑 비슷한듯. 안의 내용은 <b:includable id='main'>를 제외 하고는 랜더링되지 않고, <b:include name='땡땡'/>으로 호출되면 랜더링됨.

조건문

b: 태그에는 <b:if> 등이 아니라도, cond='조건' 조건 속성을 줄 수 있다. 조건문 목록

기본 페이지 타입

  • data:view.isHomepage: 메인 페이지 (홈페이지)
  • data:view.isPost: 포스트 상세 페이지
  • data:view.isPage: 고정 페이지
  • data:view.isLabelSearch: 라벨/카테고리 페이지
  • data:view.isSearch: 검색 결과 페이지
  • data:view.isArchive: 아카이브 페이지
  • data:view.isError: 에러 페이지 (404)
  • data:view.isMobile: 모바일 버전
  • data:view.isPreview: 미리보기

모드 복합 조건 예시

  • !data:view.isHomepage: 메인 페이지가 아닌 경우
  • data:view.isPost or data:view.isPage: 포스트나 고정 페이지인 경우
  • data:view.isHomepage and data:view.isMobile: 메인 페이지이면서 모바일인 경우

라벨(카테고리) 관련 조건문

  • data:post.labels: 포스트에 라벨이 있는 경우
  • data:post.labels any (l =&gt; l.name == &quot;웹툰&quot;): 특정 라벨이 있는 경우
  • !(data:post.labels any (l =&gt; l.name == "비공개")): 특정 라벨이 없는 경우

댓글 없음

댓글 쓰기