해당영역과 html구조
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <header> <div class="blogInfo"> {block:IfHeaderImage} <img src="{image:Header}"/> {/block:IfHeaderImage} {block:IfNotHeaderImage} <h1>{Title}</h1> {/block:IfNotHeaderImage} {block:Description} <p id="description">{Description}</p> {/block:Description} <img alt="{Title}" src="{PortraitURL-48}" /> </div> <nav> <a href="/">Home</a> {block:HasPages} {block:Pages} <a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages} <a href="/archive">Archive</a> <a href="{RSS}">RSS </a> </nav> </header> |
변수 설명
블로그 정보 출력
블로그 타이틀 출력하기
- {block:IfHeaderImage} ... {/block:IfHeaderImage}
블로그 꾸미기 화면에서 업로드한 이미지가 있는 경우 출력합니다. - <img src="{image:Header}"/>
블로그 꾸미기 화면에서 업로드한 이미지를 출력합니다. - {block:IfNotHeaderImage} ... {/block:IfNotHeaderImage}
블로그 꾸미기 화면에서 이미지가 없는 경우 출력합니다. - <h1>{Title}</h1>
블로그 꾸미기 화면에서 작성한 블로그 타이틀 텍스트를 출력합니다.
블로그 설명 출력하기
- {block:Description} ... {/block:Description}
블로그 꾸미기 화면에서 작성한 블로그 설명이 있는 경우 출력합니다. - <p id="description">{Description}</p>
블로그 꾸미기 화면에서 작성한 블로그 설명을 출력합니다.
사용자 프로필 이미지 출력하기
- <img alt="{Title}" src="{PortraitURL-48}" />
해당 텀블러 관리자 화면에서 업로드한 프로필 이미지를 출력합니다.
블로그 메뉴 출력
네비게이션 출력하기
- {block:HasPages} ... {/block:HasPages}
블로그 꾸미기 화면에서 커스텀 페이지를 만든 경우 출력합니다. - {block:Pages} ... {/block:Pages}
각각의 커스텀 페이지를 출력합니다. - {URL}
커스텀 페이지의 URL입니다. - {Label}
커스텀 페이지 명입니다. - /archive
archive페이지를 위한 URL입니다. - {RSS}
RSS 주소입니다.
