(템플릿은 거의 손대지 않지만, 가끔 손볼 일이 있는데, 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 => l.name == "웹툰"): 특정 라벨이 있는 경우
- !(data:post.labels any (l => l.name == "비공개")): 특정 라벨이 없는 경우
댓글 없음
댓글 쓰기