생활 웹디자인

코스 전체목록

닫기

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


 

댓글

댓글 본문
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기