S1.part.2.워드프레스 테마 시작하기
- 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. 영국 수상 공식 사이트
- 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
- 30. jquery api
- 31. 워드 프레스 템플릿 파일
- 32. 워드프레스 템플릿 태그
- 33. 워드프레스 루프
- 35. header.php search.php home.php sidebar.php
- 36. category.php sidebar.php
- 37. 최글 글 목록: 제목 + 내용요약 + 기타..
- 38. <?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 { ?>
- 39. single.php
- 40. comments.php comments list comments form 댓글 템플릿 파일: 댓글 목록 + 댓글 입력양식
- 41. 어떤 테마를 만들 것인가?
- 42. 누가 어떻게 테마를 만들 것인가?