생활 웹디자인

사진 타입

해당영역과 html구조

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

 

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
27
28
29
30
{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 자세히 보기