티스토리 뷰
이번시간에는 header.php 파일에서 <head>부분에 대해 상세히 파헤쳐보도록 하겠습니다.
head부분을보시기 바랍니다.
형광펜으로 칠해진 부분이 <head>부분 입니다.
이 부분을 보면 <meta>태그가 사용되었습니다.
meta태그에 대해 자세히 알아보도록 하겠습니다.
meta태그
-
meta태그는 항상 <head>부분에 포함되어 있습니다.
-
meta데이터는 항상 이름/값 쌍으로 전달이 됩니다.
-
equiv, name, charset 중 하나 이상의 속성을 정의해야 합니다.
-
equiv와 name 속성을 정의한 경우
->반드시!! content 속성을 정의해야 합니다. [equiv와name속성을 정의하지 않은 경우 사용 불가능]
참고 : http://bjaeh.tistory.com/50
여기서 php안에 bloginfo() -> 블로그 정보를 출력하는 태그
가 사용되었습니다.
HTML출력문으로 바꾸어보면
<meta charset="utf-8"> 입니다.
여기서 <title>태그안에 if문이 쓰였는데요
php에서의 if문과 C언어에서와 같은 if문은 거의 비슷합니다.
|
C언어에서의 if문 |
php에서의 if문 |
|
if(조건식){
} else if(조건식1){
} else if(조건식 2){
} else{
} |
if (조건식) :
else if(조건식1) :
else if(조긴식 2) :
else :
end if; |
is_single() 은 조건분기 태그에 해당됩니다.
조건분기 태그란?
if문에서 조건으로 사용할 수 있는 함수를 워드프레스에서는 조건 분기 태그라고 부릅니다.
|
주요 조건분기 태그 | |
|
is_home() |
블로그의 메인 페이지를 판단 |
|
is_front_page() |
블로그, 고정 페이지 등 상관없이 사이트의 전명 페이지가 표시되었는지를 판단 |
|
is_page() |
고정 페이지가 표시되었는지를 판단 |
|
is_category() |
카테고리 페이지가 표시되었는지를 판단 |
|
is_tag() |
태그 페이지가 표시되었는지를 판단 |
|
is_search() |
검색 겨로가 페이지가 표시되었는지를 판단 |
※기본적으로 조건분기 태그는 접두어로 is_ 가 붙습니다.
따라서 위에 있는 내용을 해석해 보자면
"만약 개별 글 읽기 페이지라면(is_single()) 글 제목을 출력한다.(wp_title())" 라는 의미입니다.
위에서 보면 wp_title()라는 태그가 사용되었는데요
이 태그가 무엇인지 자세히 알아보도록 하겠습니다.
wp_title() 태그
wp_title()는 템플릿 태그입니다.
->웹 브라우저 상단/탭에 페이지 제목을 표시하거나 가지고올때 사용되는 텝플릿 태그입니다.
|
wp_title('sep', echo, 'seplocation') | |
|
sep |
제목을 구분할 문자열을 지정하는 속성입니다. |
|
echo |
제목을 구분할 문자열을 표시할것인가(true) 아니면 표시하지 않을것인가(false)를 지정하는 부분입니다. |
|
seplocation |
구분할 문자열을 제목 어느 쪽에 표시할 것인가를 지정하는 곳 입니다.
오른쪽에 표시한다면 = 'right' 왼쪽에 표시한다면 = ' ' --> 빈칸으로 입력 |
그리하여~!!!
이부분을 제대로 해석을 해 보자면
"만약 블로그 개별 글 읽기 페이지라면 페이지 제목 오른쪽에 구문 문자열 :: 을 붙이고 블로그 제목을 표시한다."
라는 뜻 입니다.
head 부분에 <link>라는 태그가 사용되었는데요 이곳은 링크의 경로를 지정하는 부분입니다.
요 부분을 잘 봐주시기 바랍니다.
일단 24번째 줄을 보시면
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" />
이 부분이 보이실 것 입니다. 이것은
제가 빨간색으로 동그라미표시를 한 곳의 이미지 아이콘이 보이실 것 입니다.
그곳을 설정해 주는 태그입니다.
이것을 파비곤(Favicon)링크 라고 합니다.
그리고 밑에 스타일시트인 style.css가 있습니다.
이 style.css는 읽어드리는 쪽인 header.php랑 같은 폴더 안에 있습니다.
그러므로 템플릿 태그를 사용하지 않아도 됩니다.
마지막으로!!!
wp_head(), wp_footer()을 <head>태그안에 사용하지 않으면 플르그인 등의 워드프레스 고유의 기능을 사용할 수 없게 됩니다.
'허접한 프로그래밍 > 워드프레스' 카테고리의 다른 글
| [WordPeress] 메인화면 템플릿 사용법과 워드프레스 순환구조-part2- (0) | 2013.09.10 |
|---|---|
| [WordPeress] 메인화면 템플릿 사용법과 워드프레스 순환구조-part1- (0) | 2013.09.10 |
| [WordPress] 워드프레스 테마 내마음대로 만들기-part2 (2) | 2013.09.07 |
| [WordPress] 워드프레스 테마 내마음대로 만들기-part1 (2) | 2013.09.06 |
| [WordPress] 워드프레스 로그인 및 기본설정 (0) | 2013.09.06 |
