Your SlideShare is downloading. ×
S1.part.2.워드프레스 테마 시작하기
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

S1.part.2.워드프레스 테마 시작하기

2,901
views

Published on

워드캠프 서울 2010 …

워드캠프 서울 2010

세션 1 - 파트 2

조훈 (후니)

Published in: Self Improvement

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,901
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
57
Comments
0
Likes
0
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. 워드프레스 테마 시작하기 i@hooney.net
  • 2. 소개: hooney
  • 3. 서비스형 블로그의 한계 • 제약: 구조, 디자인, 기능 • 의존: 서비스 제공 업체
  • 4. 설치형 블로그의 아름다움 • 내 마음대로 만드는 나만의 터전
  • 5. 워드프레스 테마 기행 • 서비스형 블로그(웹 사이트) • 설치형 블로그 • 무료(유료) 테마 • 나만의 테마
  • 6. 나만의 테마 기행 • 기본(무료) 테마를 이용한 블로그 운영 • 컨텐츠, 이용자 증가 • 인덱싱, 리스팅 등 기능 필요 • 기능, 디자인 하나씩 추가 • 나만의 테마 완성
  • 7. 워드프레스 테마 구성요소 • 콘텐츠, 디자인 • 클라이언트/프론트엔드 웹 기술 – HTML, CSS, JS • 워드프레스 템플릿 파일, 태그, 루프
  • 8. 콘텐츠 먼저? 디자인 먼저?
  • 9. 목적에 맞는 프로세스 선택
  • 10. 워드 프레스 기본 테마
  • 11. 워드프레스 무료 테마
  • 12. 워드프레스 유료 테마
  • 13. 영감을 주는 사이트
  • 14. WSJ magazine
  • 15. The New York Times Blogs
  • 16. 영국 수상 공식 사이트
  • 17. vancouver convention centre.
  • 18. 클라이언트 웹 기술 • 구조, 표현, 동작 분리 – 구조: HTML – 표현: CSS – 동작: JS + DOM • 프레임워크 • 모듈 베이스 디자인
  • 19. Kubrick
  • 20. Twenty Ten
  • 21. 테마 프레임워크
  • 22. CSS • HTML을 꾸미는 역할 – 레이아웃 – 박스모델 – 타이포그라피 – 컬러 – 배경(이미지)
  • 23. CSS Zen Garden
  • 24. CSS Zen Garden
  • 25. CSS Zen Garden
  • 26. CSS Zen Garden
  • 27. CSS Zen Garden
  • 28. JavaScript • 동작, 움직임을 부여하는 역할 – 2단 네비게이션, 탭 네비게이션 – 사용자 인터렉션 – Ajax • JS 라이브러리 – JQuery
  • 29. http://jquery.com
  • 30. jquery api
  • 31. 워드 프레스 템플릿 파일
  • 32. 워드프레스 템플릿 태그
  • 33. 워드프레스 루프
  • 34. header.php search.php home.php sidebar.php
  • 35. category.php sidebar.php
  • 36. 최글 글 목록: 제목 + 내용요약 + 기타..
  • 37. <?php while ( have_posts() ) : the_post(); ?> sidebar.php <?php the_author(); ?> <?php <?php the_title(); ?> the_post_thumbnail(); <?php the_content(); ?> ?> <?php the_category(','); ?> <?php comments_number(); ?> <?php endwhile; } else { ?>
  • 38. single.php
  • 39. comments.php comments list comments form 댓글 템플릿 파일: 댓글 목록 + 댓글 입력양식
  • 40. 어떤 테마를 만들 것인가?
  • 41. 누가 어떻게 테마를 만들 것인가?
  • 42. 감사합니다. Q&A i@hooney.net