티스토리 뷰
이번시간에는 글 어떠한 글 하나를 클릭하면 그때 보여지는 화면에서 어떻게 구성되는가를 알아보도록 하겠습니다.
이전 시간에는 index.php 파일에서 작업을 하였습니다.
이번시간에는 single.php 파일에서 작업을 할건데요 이 두개의 파일들이 어떠한 역활을 하는지 아직 정확하게 모르시겠죠??
한번 알아보도록 하겠습니다.
index.php : 메인 템플릿 파일
single.php : 개별글 페이지를 표시하는 템플릿 파일
이번 시간에 single.php 템플릿 파일로 작업하면서 웹상에서 보여지는 디자인들과 코드들을 서로 비교해가면서 공부하시면 아주 효율적으로 공부를 하실 수 있을겁니다.
일단 single.php 파일을 열어주시기 바랍니다.
그 소스의 구성 요소들을 한번 살펴보겠습니다.
요기 형광팬으로 밑줄그어진데 보이시죠??
이부분은
the_content() 테플릿 태그는
index.php 파일에서도 사용되었는데요 그때는
인수가 사용되었습니다. index.php에서는 여러개의 글들이 한꺼번에 사용되니까 인수를 사용하였습니다.
그런데!!!
single.php파일에서는 전체 글을 표시하니까 인수를 사용하지 않고 기술해야합니다.
요 부분은
아래와 보여지는 부분에 해당하는 코드입니다.
코드에서 보면 $args 이렇게 나와있는데요 이게뭘까요???
C언어라든지 다른 언어를 공부하신분이 계시다면
변수라는 말을 들어보셨을것 입니다.
$args 이것은 php에서 변수 선언하는 방법입니다.
지금부터 php의 변수 선언하는 방법에 대해 간단히 알아보겠 습니다.
php에서 변수 선언하는 방법
&diary = "바둑이의 일기장";
★php에서 변수를 선언할려면 변수명 앞에다가 $를 붙이면 됩니다.
이러한 변수를 많이 선언하고 싶을 때가 있을것 입니다.
그때 사용되는것이 배열변수 라는건데요
배열변수 사용법은
$배열변수명[인덱스] = 변수값;
이렇게 지정해주면 됩니다.
한번 예를 들어보겠습니다.
$Diary[title] = "바둑이의 일기장";
$Diary[user] = "바둑이";
$Dirary[date] = "2013-09-12";
이런식으로 적어주면 됩니다.
이제 다시 설명하겠습니다.
저 밑에 보면 wp_link_pages() 라는 템플릿 태그가 사용됬내요
wp_link_pages() 템플릿 태그란?
글을 분활했을 때 페이지 이동 링크를 표시하는 기능을 가지고 있습니다.
위에서 보시는바와 같이
요부분을 담당하는놈 이에요
HTML내용으로 보자면
요부분 입니다.
<!--nextpage--> 태그를 삽입한 위치에서 페이지 이동을 표시하는 템플릿 태그가 바로
wp_link_pages() 태그입니다.
그러니 <!--nextpage--> wp_link_pages()
요태그들은 한 쌍으로 기억해 주시기 바랍니다.
wp_link_pages() 템플릿 태그에는 옵션들이 있는데요
그중에서 저는 여기에서 사용된 옵션만 설명드리겠 습니다.
before |
페이지 이동 링크 앞에 삽입된 문자열 |
after |
페이지 이동 링크 뒤에 올 문자열 |
link_before |
각 페이지로의 링크 앞에 올 문자열[기본값은 공백] |
link_after |
각 페이지로의 링크 뒤에 올 문자열[기본값은 공백] |
before옵션은
요기에 적용되는것이고
after옵션은
link_before 옵션은
link_after 옵션은
에 적용이 됩니다.
그 다음에 알아볼것은 바로
이부분!!! 바로 태그부분인데요
소스코드를 보면
이부분 입니다.
어라?? 여기서도 템플릿 태그가 사용되었내요??? 한번 알아볼게요
the_tags()
글을 작성할때 사용자가 붙인 태그를 화면에다 표시하는 기능을 가지고 있습니다.
사용 형식은
the_tags('before', 'separator', 'after') |
요렇게 사용되는데요
before |
태그 앞에 출력할 문자열 |
separator |
태그가 여러 개일 때 이를 구분하기 위한 문자열 |
after |
태그 뒤에 출력할 문자열 |
일단 the_tags() 템플릿 태그는 순환 안에 사용됩니다.
※참고적으로 태그를 목록 형태로 표현하고 싶으시면
<?php the_tags('<ul><li>','</li><li>','</li></ul>'); ?> 라고 사용하시면 됩니다.
태그를 알아보았으면 이제는 이 글을 작성한 작성자를 표시하는 법을 알아봐야 겠죠??
여기서 보게되면
아래쪽에 the_author() 라는 템플릿 태그가 사용되었습니다.
워드프레스는 여러명의 사용자가 블로그나 홈페이지에 글을 쓸수가 있습니다.
그래서 작성된 글들을 누가 작성한건지 표시를 해주어야 편리하겠죠?
그래서 템플릿 태그인 the_author()를 사용하는 것 입니다.
그리고 작성자의 이름을 불러드려야되는데요
그때는 get_author_posts_url() 템플릿 태그와 get_the_author_meta() 템플릿 태그를 사용합니다.
get_author_posts_url()은 인수로 사용자 아이디를 지정해야하는데 그 ID를 the_author_meta()로 얻어서 사용합니다.
위에서 말한 내용들을 다시 개념을 정리해보도록 하겠습니다.
the_author()
작성자 이름(공개적으로 표시할 이름)을 표시하는 기능을 가지고 있습니다.
이 템플릿 태그는 순환 안에서 사용을 해야합니다.
get_author_posts_url()
글 작성자의 글 목록 URL을 얻는 기능을하는 템플릿 태그 입니다.
이 태그의 사용 형식은
get_author-posts_url(user_id, 'nicename') |
입니다.
user_id |
사용자의 ID(번호)를 지정합니다. |
nicename |
사용자 이름(로그인 시의 '사용자명') -> 생략가능!!! |
get_the_author_meta()
사용자의 메타 정보로부터 원하는 것을 얻습니다.
그래서 여기서는 원하는것을 get_author-posts_url() 템플릿 태그로 주는것 입니다.
get_the_author_meta('field', user_id) |
이런 형식으로 사용합니다. 그 안에있는 것은
field |
얻고자 하는 정보의 종류 |
user_id |
사용자 ID, 순환 안에서 사용할때는 생략가능 |
field 인수는 문자열로 지정하는데요 그 지정하는 문자열에 대해서 알아보겠습니다.
user_email |
사용자의 메일 주소 |
user_url |
프로필에서 이볅한 사용자의 웹 사이트 |
display_url |
프로필에서 이볅한 사용자의 웹 사이트 |
nickname |
프로필에서 입력한 닉네임 |
description |
프로필에서 입력한 프로필 정보 |
ID |
사용자 ID |
그다음에 설명드릴 내용은
여기 부분에 보이시는 페이지를 이동하는 버튼에 대해서 알아보도록 할것인데요
아래와 같이 이것에 대한 코드가 나와있습니다.
여기에 나온 템플릿 태가그 2가지 잇는데요 그 태그들에 대해 알아보겠습니다.
next_post_link()
next_post_link('format', 'link', 'same_cat', 'excluded_cat')
format |
링크 문자열 표시 형식 |
link |
링크 문자열, 기본 값은 글의 제목 |
same_cat |
표시한 글과 같은 카테고리를 글로 할것인가(true), 아니면 하지 않을것인가(false)를 설정 기본값 : false |
excluded_cat |
표시하고 싶지 않은 글의 카테고리 ID번호, 여러개를 지정할때는 and로 연결 |
previout_post_link()
요것도 next_post_link()내용과 같습니다.
여기서 보면 먼가 이상하다는 생각이 들지 않습니까??
index.php 템플릿 파일에서는 '다음페이지' 와 '이전페이지'를 누를때
next_posts_link()와 previous_posts_link()를 이용합니다.
그런데!!!
single.php 템플릿 파일에서는
next_post_link()와 previous_post_link()
를 사용합니다.
바로 index.php 파일에서는 복수형을 사용하엿는데
single.php파일에서는 단수형을 사용하고 있습니다.
어떻게 외우냐고요?? 다 방법이 있죠
.
.
index.php에서는 여러개의 글들을 보여줘서 복수형이고
single.php에서는 하나의 글만 보여주기 때문에 단수형이라고 생각하시면 됩니다.
그리고!!!
if문으로 조건분기를 사용하고 있습니다.
이것은!
만약 다음글이 있다면 (get_next_post()) 만약! 이전글이 있따면(get_previous_post())\
이렇게 글의 유무를 확인하는 것 입니다.
'허접한 프로그래밍 > 워드프레스' 카테고리의 다른 글
워드프레스 디자인 시작하기 전 (0) | 2013.10.22 |
---|---|
[WordPress] 댓글 입력하는곳 살펴보기 (0) | 2013.09.14 |
[WordPress] 다음페이지, 이전페이지 에 관련된 템플릿 태그 (0) | 2013.09.12 |
[WordPeress] 메인화면 템플릿 사용법과 워드프레스 순환구조-part2- (0) | 2013.09.10 |
[WordPeress] 메인화면 템플릿 사용법과 워드프레스 순환구조-part1- (0) | 2013.09.10 |