Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordCamp Seoul 2012 - WordPress Custom Post type

2,158 views

Published on

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

  • Be the first to comment

WordCamp Seoul 2012 - WordPress Custom Post type

  1. 1. Custom Post Type @ssamtureBy 임민형 ssamture@gmail.com http://ssamture.net WordCamp Seoul 2012 Seoul, South Korea - May 26 Track3 – 14:10
  2. 2. 미리보기 • Post 와 Page • Custom Post Type • Custom Meta Box • Custom Filelds • Filter를 이용한 Cutom Fileds 출력 • Custom Post Type을 위한 테마 템플릿 • Custom Post list(관리자패널) • Custom TaxonomiesWordCamp Seoul 2012 @ssamture
  3. 3. POST 와 PAGE• content 저장
  4. 4. POST 와 PAGE • POST - title, content, tag, category - 시간 - 포멧WordCamp Seoul 2012 @ssamture
  5. 5. POST 와 PAGEWordCamp Seoul 2012 @ssamture
  6. 6. POST 와 PAGE • PAGE - title, content - 상위 page - 템플릿 적용WordCamp Seoul 2012 @ssamture
  7. 7. POST 와 PAGEWordCamp Seoul 2012 @ssamture
  8. 8. Custom Post Type• post type• 플러그인 생성• register_post_type
  9. 9. Custom Post Type • 반복되는 메타정보를 입력할 때 - 갤러리(촬영날짜, 촬영장소 등) - 쇼핑몰(제품가격, 제품색상 등) • 특정 UI를 적용할 때WordCamp Seoul 2012 @ssamture
  10. 10. Custom Post Type • 모든 내용은 posts 테이블에 저장 - post, page, attachment, menu 등WordCamp Seoul 2012 @ssamture
  11. 11. Custom Post Type • 플러그인 생성WordCamp Seoul 2012 @ssamture
  12. 12. Custom Post Type • register_post_typeWordCamp Seoul 2012 @ssamture
  13. 13. Custom Post TypeWordCamp Seoul 2012 @ssamture
  14. 14. Custom Post Type • 클래스 화 - 다른 플러그인과 함수명 충돌 예방WordCamp Seoul 2012 @ssamture
  15. 15. Custom Post TypeWordCamp Seoul 2012 @ssamture
  16. 16. Custom Post TypeWordCamp Seoul 2012 @ssamture
  17. 17. Custom Post TypeWordCamp Seoul 2012 @ssamture
  18. 18. Custom Post TypeWordCamp Seoul 2012 @ssamture
  19. 19. Custom Post Type • 고유주소 업데이트로 해결WordCamp Seoul 2012 @ssamture
  20. 20. Custom Post TypeWordCamp Seoul 2012 @ssamture
  21. 21. Custom Post Type • 다양한 라벨 속성WordCamp Seoul 2012 @ssamture
  22. 22. Custom Post TypeWordCamp Seoul 2012 @ssamture
  23. 23. Custom Post TypeWordCamp Seoul 2012 @ssamture
  24. 24. Custom Post TypeWordCamp Seoul 2012 @ssamture
  25. 25. Custom Post TypeWordCamp Seoul 2012 @ssamture
  26. 26. Custom Post Type • supportsWordCamp Seoul 2012 @ssamture
  27. 27. Custom Post Type post_formats page-attributes thumbnailWordCamp Seoul 2012 @ssamture
  28. 28. Custom Post Type trackbacks custom-fileds comments authorWordCamp Seoul 2012 @ssamture
  29. 29. Custom Post Type supports 제거 supports 추가 후 supports 추가 전WordCamp Seoul 2012 @ssamture
  30. 30. Custom Meta Box(Custom Field)• add_meta_box
  31. 31. Custom Meta Box • 메타 데이터 • 포스트에 별도의 새로운 정보를 부여WordCamp Seoul 2012 @ssamture
  32. 32. Custom Meta Box • add_meta_boxes action • add_meta_box functionWordCamp Seoul 2012 @ssamture
  33. 33. Custom Meta Box meta box titleWordCamp Seoul 2012 @ssamture
  34. 34. Custom Meta Box meta box 입력 폼WordCamp Seoul 2012 @ssamture
  35. 35. Custom Meta Box meta box 입력 폼WordCamp Seoul 2012 @ssamture
  36. 36. Custom Meta Box 저장 meta 정보 입력WordCamp Seoul 2012 @ssamture
  37. 37. Custom Meta Box 저장 되지 않음WordCamp Seoul 2012 @ssamture
  38. 38. Custom Meta BoxWordCamp Seoul 2012 @ssamture
  39. 39. Custom Meta BoxWordCamp Seoul 2012 @ssamture
  40. 40. Meta 출력• get_post_meta• ‘the_content’ filter 활용• 테마
  41. 41. 메타 출력 • Filter를 이용하여 출력 • 테마 파일에서 출력WordCamp Seoul 2012 @ssamture
  42. 42. 메타 출력(filter 이용) • `the_content` filterWordCamp Seoul 2012 @ssamture
  43. 43. 메타 출력(filter 이용)WordCamp Seoul 2012 @ssamture
  44. 44. 메타 출력(테마에서)WordCamp Seoul 2012 @ssamture
  45. 45. 메타 출력(테마에서) • single-{post_type}.phpWordCamp Seoul 2012 @ssamture
  46. 46. 메타 출력WordCamp Seoul 2012 @ssamture
  47. 47. 메타 출력(테마에서)WordCamp Seoul 2012 @ssamture
  48. 48. 목록 커스터마이징(관리자 화면)• manage_edit-{post_type}_column• manage_{post_type}_posts_custom_column
  49. 49. 목록 커스터마이징(관리자 화면) • 리스트WordCamp Seoul 2012 @ssamture
  50. 50. 목록 커스터마이징(관리자 화면) • manage_edit-{post_type}_columnsWordCamp Seoul 2012 @ssamture
  51. 51. 목록 커스터마이징(관리자 화면)WordCamp Seoul 2012 @ssamture
  52. 52. 메타 출력 • manage_{post_type}_posts_custom_columnWordCamp Seoul 2012 @ssamture
  53. 53. 메타 출력WordCamp Seoul 2012 @ssamture
  54. 54. 메타 출력WordCamp Seoul 2012 @ssamture
  55. 55. 목록 커스터마이징(관리자 화면)WordCamp Seoul 2012 @ssamture
  56. 56. 목록 커스터마이징(관리자 화면)WordCamp Seoul 2012 @ssamture
  57. 57. 텍소노미 추가• register_taxonomy
  58. 58. 텍소노미 추가 • custom post type을 위한 카테고리 추가WordCamp Seoul 2012 @ssamture
  59. 59. 텍소노미 추가 • register_taxonomy($taxonomy, $object_type, $args)WordCamp Seoul 2012 @ssamture
  60. 60. 텍소노미 추가WordCamp Seoul 2012 @ssamture
  61. 61. Parent Post in a Metabox• add_meta_box
  62. 62. Parent Post in a Metabox • add_meta_boxWordCamp Seoul 2012 @ssamture
  63. 63. Parent Post in a Metabox • add_meta_boxWordCamp Seoul 2012 @ssamture
  64. 64. Parent Post in a MetaboxWordCamp Seoul 2012 @ssamture
  65. 65. Querying• WP_Query
  66. 66. 메타 출력WordCamp Seoul 2012 @ssamture
  67. 67. 메타 출력WordCamp Seoul 2012 @ssamture
  68. 68. 끝, 감사합니다.^^

×