워드프레스 커스텀 포스트 타입 개발 기초

1. Custom Post Type
@ssamture
By 임민형 ssamture@gmail.com
http://ssamture.net
WordCamp Seoul 2012
Seoul, South Korea - May 26
Track3 – 14:10

2. 미리보기
• Post 와 Page
• Custom Post Type
• Custom Meta Box
• Custom Filelds
• Filter를 이용한 Cutom Fileds 출력
• Custom Post Type을 위한 테마 템플릿
• Custom Post list(관리자패널)
• Custom Taxonomies
WordCamp Seoul 2012 @ssamture

3. POST 와 PAGE
• content 저장

4. POST 와 PAGE
• POST
- title, content, tag, category
- 시간
- 포멧
WordCamp Seoul 2012 @ssamture

5. POST 와 PAGE
WordCamp Seoul 2012 @ssamture

6. POST 와 PAGE
• PAGE
- title, content
- 상위 page
- 템플릿 적용
WordCamp Seoul 2012 @ssamture

7. POST 와 PAGE
WordCamp Seoul 2012 @ssamture

8. Custom Post Type
• post type
• 플러그인 생성
• register_post_type

9. Custom Post Type
• 반복되는 메타정보를 입력할 때
- 갤러리(촬영날짜, 촬영장소 등)
- 쇼핑몰(제품가격, 제품색상 등)
• 특정 UI를 적용할 때
WordCamp Seoul 2012 @ssamture

10. Custom Post Type
• 모든 내용은 posts 테이블에 저장
- post, page, attachment, menu 등
WordCamp Seoul 2012 @ssamture

11. Custom Post Type
• 플러그인 생성
WordCamp Seoul 2012 @ssamture

12. Custom Post Type
• register_post_type
WordCamp Seoul 2012 @ssamture

13. Custom Post Type
WordCamp Seoul 2012 @ssamture

14. Custom Post Type
• 클래스 화
- 다른 플러그인과 함수명 충돌 예방
WordCamp Seoul 2012 @ssamture

15. Custom Post Type
WordCamp Seoul 2012 @ssamture

16. Custom Post Type
WordCamp Seoul 2012 @ssamture

17. Custom Post Type
WordCamp Seoul 2012 @ssamture

18. Custom Post Type
WordCamp Seoul 2012 @ssamture

19. Custom Post Type
• 고유주소 업데이트로 해결
WordCamp Seoul 2012 @ssamture

20. Custom Post Type
WordCamp Seoul 2012 @ssamture

21. Custom Post Type
• 다양한 라벨 속성
WordCamp Seoul 2012 @ssamture

22. Custom Post Type
WordCamp Seoul 2012 @ssamture

23. Custom Post Type
WordCamp Seoul 2012 @ssamture

24. Custom Post Type
WordCamp Seoul 2012 @ssamture

25. Custom Post Type
WordCamp Seoul 2012 @ssamture

26. Custom Post Type
• supports
WordCamp Seoul 2012 @ssamture

27. Custom Post Type
post_formats
page-attributes
thumbnail
WordCamp Seoul 2012 @ssamture

28. Custom Post Type
trackbacks
custom-fileds
comments
author
WordCamp Seoul 2012 @ssamture

29. Custom Post Type
supports 제거
supports 추가 후
supports 추가 전
WordCamp Seoul 2012 @ssamture

30. Custom Meta Box(Custom Field)
• add_meta_box

31. Custom Meta Box
• 메타 데이터
• 포스트에 별도의 새로운 정보를 부여
WordCamp Seoul 2012 @ssamture

32. Custom Meta Box
• add_meta_boxes action
• add_meta_box function
WordCamp Seoul 2012 @ssamture

33. Custom Meta Box
meta box title
WordCamp Seoul 2012 @ssamture

34. Custom Meta Box
meta box 입력 폼
WordCamp Seoul 2012 @ssamture

35. Custom Meta Box
meta box 입력 폼
WordCamp Seoul 2012 @ssamture

36. Custom Meta Box
저장
meta 정보 입력
WordCamp Seoul 2012 @ssamture

37. Custom Meta Box
저장 되지 않음
WordCamp Seoul 2012 @ssamture

38. Custom Meta Box
WordCamp Seoul 2012 @ssamture

39. Custom Meta Box
WordCamp Seoul 2012 @ssamture

40. Meta 출력
• get_post_meta
• ‘the_content’ filter 활용
• 테마

41. 메타 출력
• Filter를 이용하여 출력
• 테마 파일에서 출력
WordCamp Seoul 2012 @ssamture

42. 메타 출력(filter 이용)
• `the_content` filter
WordCamp Seoul 2012 @ssamture

43. 메타 출력(filter 이용)
WordCamp Seoul 2012 @ssamture

44. 메타 출력(테마에서)
WordCamp Seoul 2012 @ssamture

45. 메타 출력(테마에서)
• single-{post_type}.php
WordCamp Seoul 2012 @ssamture

46. 메타 출력
WordCamp Seoul 2012 @ssamture

47. 메타 출력(테마에서)
WordCamp Seoul 2012 @ssamture

48. 목록 커스터마이징(관리자 화면)
• manage_edit-{post_type}_column
• manage_{post_type}_posts_custom_column

49. 목록 커스터마이징(관리자 화면)
• 리스트
WordCamp Seoul 2012 @ssamture

50. 목록 커스터마이징(관리자 화면)
• manage_edit-{post_type}_columns
WordCamp Seoul 2012 @ssamture

51. 목록 커스터마이징(관리자 화면)
WordCamp Seoul 2012 @ssamture

52. 메타 출력
• manage_{post_type}_posts_custom_column
WordCamp Seoul 2012 @ssamture

53. 메타 출력
WordCamp Seoul 2012 @ssamture

54. 메타 출력
WordCamp Seoul 2012 @ssamture

55. 목록 커스터마이징(관리자 화면)
WordCamp Seoul 2012 @ssamture

56. 목록 커스터마이징(관리자 화면)
WordCamp Seoul 2012 @ssamture

57. 텍소노미 추가
• register_taxonomy

58. 텍소노미 추가
• custom post type을 위한 카테고리 추가
WordCamp Seoul 2012 @ssamture

59. 텍소노미 추가
• register_taxonomy($taxonomy, $object_type,
$args)
WordCamp Seoul 2012 @ssamture

60. 텍소노미 추가
WordCamp Seoul 2012 @ssamture

61. Parent Post in a Metabox
• add_meta_box

62. Parent Post in a Metabox
• add_meta_box
WordCamp Seoul 2012 @ssamture

63. Parent Post in a Metabox
• add_meta_box
WordCamp Seoul 2012 @ssamture

64. Parent Post in a Metabox
WordCamp Seoul 2012 @ssamture

65. Querying
• WP_Query

66. 메타 출력
WordCamp Seoul 2012 @ssamture

67. 메타 출력
WordCamp Seoul 2012 @ssamture

68. 끝, 감사합니다.^^