• Like
WordPress Meetup for Theme
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

WordPress Meetup for Theme

  • 2,245 views
Published

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

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

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,245
On SlideShare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
42
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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