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

워드프레스의 언어라고 할 수 있는 태그를 이해하면 사용하는 테마의 구조를 파악하는데 도움이 되고 간단한 수정작업까지 가능해진다. 물론, 기본적으로 HTML, PHP, CSS 등의 언어에 익숙해야 전체를 파악하기 쉽겠지만 워드프레스 탬플릿 태그를 아는 것 만으로도 사이트 관리에 큰 도움이 된다. 오늘은 첫번째로 헤더(header.php: 헤더에 대한 이해가 필요하신 분은 “워드프레스 테마 만들기(1) – 테마에 필요한 최소한의 구성” 를 참고하세요.)에서 자주 사용되는 태그들에 대해 알아보자.

웹사이트 정보를 알려주는 태그 bloginfo()

bloginfo웹브라우저에 표시되는 웹사이트 및 페이지 정보

웹페이지를 열면 방문자에게 가장 먼저 웹사이트에 대한 정보를 전달해 웹브라우저에 favicon(웹사이트를 상징하는 작은 이미지)과 웹사이트명, 페이지명 등이 보여지게 된다. 워드프레스 테마의 header.php 에는 이런 내용이 포함되는데 이때 자주 쓰게되는 태그가 bloginfo()다.

header.php에서 선언되는 웹사이트 정보부분

페이지 내용이 시작되는 <body>가 나오기 전에 bloginfo() 태그가 8번이나 반복되는 걸 볼 수 있다. 이 태그는 말 그대로 블로그(웹사이트)의 정보를 불러오는 역할을 하는데, 괄호 안에 어떤 변수를 넣느냐에 따라 다양한 정보를 불러올 수 있다.

bloginfo에 입력 가능한 변수들

  • name : 웹사이트명
  • description : 웹사이트를 설명하는 태그 라인
  • admin_email : 관리자 이메일 주소
  • url : 웹사이트 주소
  • wpurl : 웹사이트의 워드프레스 설치 경로
  • stylesheet_directory : 활성화되어 있는 테마의 디렉토리 경로
  • stylesheet_url : 활성화되어 있는 테마의 스타일시트(style.css) 주소
  • template_directory : child테마의 경우 parent테마의 디렉토리 경로
  • template_url : parent테마의 경로(template_directory와 동일)
  • 피드 관련 변수 – atom_url, rss2_url, rss_url, pingback_url, rdf_url, comments_atom_url, comments_rss2_url
  • 기타 변수 : charset, html_type, language, text_direction, version

메뉴를 구성하는 태그 wp_list_categories(), wp_list_pages(), wp_nav_menu()

주로 메뉴는 카테고리 목록 또는 페이지 목록인 경우가 많다. 과거에는 메뉴의 구성을 사용자가 마음대로 바꿀 수 없었고 테마에서 지정한대로 쓰거나 테마를 손보는 수 밖에 없었다. 테마의 헤더(header.php)나 푸터(footer.php)에 wp_list_categories() 또는 wp_list_pages() 태그가 있다면 테마가 언제 제작된 것인지 확인해 볼 필요가 있다.

  • wp_list_categories()는 사이트의 카테고리 목록을 출력한다.
  • wp_list_pages()는 사이트의 페이지 목록을 출력한다.

메뉴 기능이 생기면서 테마에서도 이런 태그들을 더이상 템플릿에서 찾아보기 힘들어졌기 때문이다. 대신, 사이트 관리화면에서 드래그앤 드랍 방식으로 언제든 메뉴를 편집할 수 있게 되었는데 테마의 functions.php에서 메뉴 기능을 세팅하고 wp_nav_menu() 이라는 태그 원하는 곳에 배치하기만 하면 된다.

menu메뉴기능을 지원하는 테마에서는 메뉴를 생성했을 때 왼편의 “Themes Locations”가 활성화 된다.

Related Posts

  • 자주 활용하는 워드프레스 템플릿 태그(2)자주 활용하는 워드프레스 템플릿 태그(2) 컨텐츠와 관련된 태그들을 알아보자. 포스트(글)과 관련된 정보라 하면 제목, 본문, 발행일시, 글쓴이, 관련태그, 포스트 url 등이 된다. 어떤 태그를 활용하면 이런 정보들을 불러올 수 있는지 […]
  • 쇼트코드(shortcode)를 활용하는 방법쇼트코드(shortcode)를 활용하는 방법 NextGEN Gallery(http://wordpress.org/extend/plugins/nextgen-gallery/)의 shortcode 플러그인을 쓰다보면 기능은 맘에 드는데 테마와 안어울리거나 웹사이트에서 표시되는 […]
  • 네이버 라인 LINE 공유 버튼 추가하기네이버 라인 LINE 공유 버튼 추가하기 http://www.youtube.com/watch?v=r3MPBc9a5YI&feature=share&list=PLtlGeM3V8z23IqJdU1gHJE3O0SCIXnrpt 국내에서는 카카톡의 열기 때문인지 […]
%d 블로거가 이것을 좋아합니다: