WordPress Meetup for Theme

2,781 views
2,660 views

Published on

한국 워드프레스 사용자 모임이 주최한 워드프레스 미트업에서 테마를 주제로 강의한 PPT 자료입니다.

Published in: Education
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,781
On SlideShare
0
From Embeds
0
Number of Embeds
1,263
Actions
Shares
0
Downloads
52
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

WordPress Meetup for Theme

  1. 1. WordPress Theme WordPress Meetup 2012.11.17 @ssamtureBy 임민형 ssamture@gmail.com http://ssamture.net (http://kopress.kr)
  2. 2. 미리보기워드프레스 테마테마 구조테마 디자인템플릿
  3. 3. 워드프레스 테마
  4. 4. 워드프레스 테마워드프레스 사이트의 내용을 그래픽 인터페이스로 생성하기 위한 파일들의 모음기본 소프트웨어 수정 없이 사이트가 표시되는 방식을 수정
  5. 5. 워드프레스 테마wordpress.org/extend/theme
  6. 6. 워드프레스 테마wootehems.com
  7. 7. 워드프레스 테마themetrust.com
  8. 8. 워드프레스 테마www.studiopress.com
  9. 9. 워드프레스 테마www.studiopress.com
  10. 10. 워드프레스 테마themeforest.net
  11. 11. 워드프레스 테마유료테마 구입 전– 지원하고 있는 기능 살펴보기– 미리보기 살펴보기– 구축하고자 하는 컨텐츠와 비교
  12. 12. 워드프레스 테마테마의 커스터마이징차일드 테마 개발테마 개발
  13. 13. 워드프레스 테마의 구성
  14. 14. 워드프레스 테마의 구성/wp-content/themes2개의 템플릿(style.css + index.php)
  15. 15. 템플릿
  16. 16. 템플릿PHP 소스 파일사이트 요청자에게 HTML 로 출력워드프레스 코어는 템플릿 파일을 조각처럼 맞춰사이트 방문자에게 제공
  17. 17. 템플릿 계층 구조
  18. 18. 템플릿 요청 흐름카테고리 목록 요청 시
  19. 19. 차일드 테마
  20. 20. 차일드 테마원본 테마를 상속필요한 부분만 수정하거나 추가
  21. 21. 차일드 테마차일드 테마가 상속 받을 부모 테마 템플릿 지정
  22. 22. 차일드 테마
  23. 23. 차일드 테마
  24. 24. 차일드테마
  25. 25. 차일드 테마
  26. 26. 일반적인 워드프레스 디자인
  27. 27. 워드프레스 디자인 header (nav) content sidebar footer
  28. 28. 워드프레스 디자인 header sidebar content footer
  29. 29. titleHTML 만들기 sidebar content Comment list Comment form
  30. 30. 템플릿
  31. 31. 템플릿 파일 (index.php) Index.php header.php sidebar.php footer.php
  32. 32. 템플릿 파일 (single.php) single.php header.php sidebar.php comment.php footer.php
  33. 33. index.php 예제 single_cat_title() the_title() the_category(),the_author(), the_date() the_post_thumbnail() the_exerpt()
  34. 34. Single.php 예제 the_content()
  35. 35. functions.php테마에서 사용하는 함수들을 위한 파일테마 활성화 시 자동으로 로드썸네일 활성화메뉴 활성화사이드바사용자 정의 배경화면 등
  36. 36. functions.phpregister_sidebarregister_nav_menusadd_theme_support( ‘post-thumbnails’ )
  37. 37. 404.php잘못된 요청 시 보여주는 템플릿해당 파일이 없다면 index.php 호출단순하지만 꼭 필요한 템플릿 파일
  38. 38. 그 밖의 템플릿 파일comments.phppage.phpfront-page.phphome.phpsingle.phpcategory.phptag.phparchive.php 등
  39. 39. page 템플릿 활용특별한 기능을 제공할 때특별한 디자인을 제공 할 때
  40. 40. page 템플릿 활용템플릿을 위한 PHP 파일 생성 후 상단에 기재Teplate name : 템플릿 명유의 사항WP V 3.4 미만 에서는 테마 상위 폴더에 위치- /테마/템플릿 파일.php(O)- /테마/서브디렉토리/템플릿 파일.php(x)
  41. 41. page 템플릿 활용템플릿을 위한 PHP 파일 생성 후 상단에 기재Teplate name : 템플릿 명유의 사항WP V 3.4 미만 에서는 테마 상위 폴더에 위치- /테마/템플릿 파일.php(O)- /테마/서브디렉토리/템플릿 파일.php(x)
  42. 42. 템플릿 태그
  43. 43. 일반적인 템플릿 태그get_headerget_footerget_sidebarget_template_partget_search_formbloginfowp_title
  44. 44. Author 태그the_author
  45. 45. Category 태그The_category, The_tags
  46. 46. Comment 태그Wp_list_commentsComment_form
  47. 47. Content 태그The_permalinkThe_titleThe_contentThe_excerptThe__post_thumbnail
  48. 48. 커스텀 포스트 타입을 위한 템플릿
  49. 49. 커스텀 포스트 타입을 위한 템플릿single-{post_type}.phparhcive-{post_type}.php single.php single-{post_type}.php
  50. 50. 대화 – 질문 - 토론
  51. 51. 끝, 감사합니다.한국 워드프레스 사용자 모임 – 임민형(ssamture)

×