생활 웹디자인

코스 전체목록

닫기

사진 타입

해당영역과 html구조

미리보기 : http://plyfly.tumblr.com/post/72440694047/exif

 

{block:Photo}
<div class="photo">
    <div class="type">PHOTO</div>
    <div class="box">
        {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
        {block:LinkURL}
            <p>Link : {LinkURL}</p>
        {/block:LinkURL}
        {block:Caption}
            <p class="caption">{Caption}</p>
        {/block:Caption}
    </div>
    <div class="meta exif">
        {block:Exif}
            {block:Camera}
            Camera: {Camera} / 
            {/block:Camera}
            {block:Aperture}
            Aperture: {Aperture} / 
            {/block:Aperture}
            {block:Exposure}
            Exposure: {Exposure} / 
            {/block:Exposure}
            {block:FocalLength}
            Focal Length: {FocalLength}
            {/block:FocalLength}
        {/block:Exif} 
    <div>                                    
</div>                    
{/block:Photo}

변수 설명

{block:Photo} ... {/block:Photo}
사진타입의 포스트를 생성합니다.

{LinkOpenTag}
이동할 주소를 포함한 시작 anchor-tag를 의미합니다.
Example: <a href="http://...">

{LinkCloseTag}
닫는 anchor-tag를 의미합니다.
Example: </a>

{PhotoURL-500}
해당 포스트의 사진의 주소입니다. 사진 사이즈는 500픽셀을 넘지 않습니다.

{PhotoAlt}
포스트의 내용이 사진의 alt값으로 들어 갑니다.

{block:LinkURL} ... {/block:LinkURL}
해당 사진이 클릭 가능할때 출력합니다.

{LinkURL}
해당사진을 클릭해서 이동할 주소를 출력합니다.
만약 그것이 세트가 아니라면 미디어 퍼머링크를 디폴트로 제공합니다.

{block:Caption} ... {/block:Caption}
포스트의 캡션이 존재한다면 캡션을 출력합니다.

{Caption}
포스트의 캡션을 출력합니다.

{block:Exif} ... {/block:Exif}
사진의 Exif정보를 출력합니다.

{block:Camera} {Camera} {/block:Camera}
만약 해당 사진의 Exif 데이터가 카메라 정보를 포함하고 있다면 출력합니다.

{block:Aperture} {Aperture} {/block:Aperture}
만약 해당 사진의 Exif 데이터가 조리개 정보를 포함하고 있다면 출력합니다.

{block:Exposure} {Exposure} {/block:Exposure}
만약 해당 사진의 Exif 데이터가 노출 정보를 포함하고 있다면 출력합니다.

{block:FocalLength} {FocalLength} {/block:FocalLength}
만약 해당 사진의 Exif 데이터가 초점 거리 정보를 포함하고 있다면 출력합니다.

댓글

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