Header 영역

해당영역과 html구조

<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 주소입니다.