close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

RECENT

highlight

컨텐츠와 관련된 태그들을 알아보자. 포스트(글)과 관련된 정보라 하면 제목, 본문, 발행일시, 글쓴이, 관련태그, 포스트 url 등이 된다. 어떤 태그를 활용하면 이런 정보들을 불러올 수 있는지 알아보자.

post_template_tags

글 제목을 출력하는 태그 the_title()

the_title() 태그는 글 제목을 불러온다. index.php, categroy.php, single.php 등 테마에서 많이 등장하는 태그인데 제목 앞에 “제목:” 이라는 라벨을 넣고 싶다면, the_title( ‘제목:’, ‘ ‘ ) 이라고 넣으면 된다. 위의 적용 예에서 보듯이 제목의 스타일을 지정하는 <h2> 를 the_title() 태그 안에서 넣을 수 있는데 괄호 안 첫번째 변수가 글 제목의 앞에, 두번째 변수가 뒤에 출력된다.

요약본을 출력하는 태그 the_excerpt()

글의 요약 내용을 표시할 때 쓰는 쓰는데 주로 인덱스, 글분류, 검색결과를 보여주는 템플릿(index.php, category.php, archive.php, search.php, tag.php 등)에서 자주 등장한다. 글을 작성할 때 요약(Excerpt) 항목을 비워둘 경우, 본문에서 발췌하게 되는데 55개 어절까지 표시되는 것이 기본으로 설정되어 있고 이 부분을 수정하려면 테마의 functions.php 에 아래 필터를 추가해서 글자수를 조정할 수 있다.

발행일시를 표시하는 태그 the_date()와 the_time()

글이 발행된 날짜와 시간을 표시할 때, the_date() 또는 the_time()을 사용한다. 괄호 안에 표시할 날짜나 시간 형식을 지정할 수 있고 비워 둘 경우는 관리자의 일반설정에 지정된 형식을 따르게 된다.
date_time_Setting날짜, 시간 형식을 설정하는 방법은 여기(http://codex.wordpress.org/Function_Reference/the_time)에서 확인할 수 있다.

고유주소(퍼머링크)를 출력하는 태그 the_permalink()

*고유주소(permalink)는 페이지나 포스트별로 할당되는 URL을 의미한다. 보통 글 제목을 클릭하면 그 글의 본문을 볼 수 있는 싱글페이지로 이동하게 되는데 이때 글 제목에 고유주소를 링크했기 때문이다. 아래는 제목에 고유주소를 링크한 예다.

글제목을 <a> 태그가 감싸고 있는데 a는 특정주소나 위치로 이동시켜주는 html 태그로 href=”[이동할 URL 이나 위치]” 식으로 사용한다. 여기서 URL 대신에 <?php the_permalink() ?>를 넣으면 워드프레스에서 해당 글의 URL을 불러와서 채워넣게 된다.

특성이미지를 출력하는 태그 the_post_thumbnail()

워드프레스에서는 글 마다 하나의 특성이미지를 선택할 수 있는데 이렇게 선택한 이미지는 주로 글 목록에서 제목과 함께 작은 이미지(thumbnail)로 출력되고 이때, the_post_thumbnail()이 사용된다.

이미지를 원하는 크기로 출력이 가능하다. thumbnail, medium, large, full 4가지 중에서 선택할 수 있는데 이 네 개의 이미지 크기는 관리자의 미디어 설정에서 지정할 수 있다.

media_setting관리자의 미디어 설정에서 이미지 크기를 설정할 수 있다.

주의할 점은 설정화면에서 볼 수 있듯이 작은 이미지(썸네일)는 원본이미지의 비례와 상관없이 설정된 크기로 잘라낸(crop) 것이지만 나머지 중간, 최대크기의 이미지는 업로드한 원본의 비례를 그대로 유지한 채 지정한 크기로 출력되기 때문에 해당 특성이미지의 비례와 무관하게 같은 크기와 비례로 표시해야할 경우, 썸네일을 주로 활용하게 된다. 또 array로 태그 상에서 이미지의 크기를 지정하는 것도 가능한데 이 경우도 중간, 최대크기 이미지와 마찬가지로 원본과 같은 비례로 크기 축소/확대되는 식이다.

*functions.php에서 설정하기에 따라 기본 4개 크기 외에 추가로 다른 크기의 이미지를 만드는 것이 가능하다.

글제목을 클릭하면 해당 글로 이동하듯이 목록 상의 특성이미지도 해당글로 링크하는데, 아래가 링크를 적용 예.

글의 tag를 출력하는 태그 the_tags()

글의 tag를 표시한다. 보통 tag는 복수로 입력되기 때문에 tag 앞, 뒤, 사이에 넣을 부호나 내용을 설정하게 된다.

글쓴이를 표시하는 태그 the_author()

웹사이트에 저자가 여러명일 때는 이 태그가 중요할 수 있다. 글쓴이를 표시한다.

글 수정 링크 태그 edit_post_link()

Hyun9uKim_edit

마지막으로 edit_post_link()는 해당 글을 바로 수정할 수 있도록 글 편집 화면으로 바로 연결시켜주는 EDIT 링크를 표시할 때 쓰는 태그인데, 이 “edit” 라는 표시는 글쓴이나, 편집자, 관리자만 보이고 방문자에겐 보이지 않는다.

Related Posts

%d 블로거가 이것을 좋아합니다: