SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
WordPress Plugin
                                                      @ssamture
By 임민형                                     ssamture@gmail.com
                                              http://ssamture.net




             WordCamp Seoul 2012
             Seoul, South Korea - May 26
             Track3 – 13:30
미리보기


     • 플러그인 이란?


     • 플러그인 설치


     • 플러그인 개발


     • 모바일웹 개발 가이드


WordCamp Seoul 2012   @ssamture
플러그인이란?
플러그인이란?

     • 워드프레스에 여러가지 새로운 기능을 추가
     • 관련 전문가가 아니더라도 쉽게 적용
     • 수만개의 다양한 플러그인 존재




WordCamp Seoul 2012             @ssamture
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
WordPress




WordCamp Seoul 2012
플러그인 설치
• 관리자 화면에서 설치
• 직접 다운로드 후 설치
플러그인 설치

     • Dashboard를 통한 자동 설치




WordCamp Seoul 2012
플러그인 설치

     • Dashboard를 통한 자동 설치




WordCamp Seoul 2012
플러그인 설치

     • WordPress.org 또는 기타 웹을 통한 수동설치




WordCamp Seoul 2012
플러그인 설치

     • WordPress.org 또는 기타 웹을 통한 수동설치




                       /wp-content/plugins/




WordCamp Seoul 2012
플러그인 적용

     • 설치한 플러그인의 적용




WordCamp Seoul 2012
플러그인 개발
플러그인 개발

     • Hooks(Hooking)
     • Actions
     • Filiters




WordCamp Seoul 2012
플러그인 개발

     • Hooks란?
           – 사전적 정의 : (갈)고리, 걸이; (낚싯바늘로) 낚다 등
           – S/W 관점: 각종 프로그램에서 발생하는 기능호출, 메
             시지, 이벤트 등을 중간에서 바꾸거나 가로채는 기술.
           – 주로 크래킹의 관점에서 사용. (예)키로거




WordCamp Seoul 2012
플러그인 개발




                           [ 21 ]
WordCamp Seoul 2012
플러그인 개발

     • Anctions란?
           – 사전적 정의 : 행동, 조치, 동작
           – Actions는 워드프레스가 동작할 때 후킹을 지원하는
             Action API를 이용하여 직접 만든 PHP function들을 원
             하는 부분에서 실행이 되도록 함.
           – Actions Functions(has_action, add_action 등)




WordCamp Seoul 2012
플러그인 개발

     • Filters란?
           – 사전적 정의 : 여과, 필터(특정정보차단) 등
           – Filters는 워드프레스가 동작할 때 후킹을 지원하는
             Filter API를 이용하여 어떤 값이 데이터베이스 또는 브
             라우저에 보내어 지기 전에 수정하도록 함.
           – Filter Functions(has_filter, add_filter 등)




WordCamp Seoul 2012
플러그인 개발

     • 플러그인 개발 기본 구조
         /*
         Plugin Name : 플러그인 이름
         Plugin URI : 플러그인 홈페이지
         Description: 플러그인 설명
         Author : 개발자
         Version : 버전
         Author URI : 개발자 홈페이지
         */
         function 사용자정의함수(){



         }
         플러그인 API함수(„hook_name‟,‟사용자정의함수‟);




WordCamp Seoul 2012
플러그인 개발

     • 워드프레스 함수의 이용
           – DB에 저장된 관리자 이메일을 블로그 메인 상단에 출
             력하는 플러그인




                         [ 25 ]
WordCamp Seoul 2012
[ 26 ]
모바일웹 개발 가이드
• 테마
• 플러그인
모바일웹 개발 가이드
     • 모바일웹 테마 개발 준비
           – WP_ROOT/wp-content/themes/사용자테마디렉토리
           – style.css 생성
           – 테마 정보 주석 삽입




WordCamp Seoul 2012
모바일웹 개발 가이드
     • 임의의 내용으로 index.php 생성 후 테마 확인




                      [ 29 ]
WordCamp Seoul 2012
모바일웹 개발 가이드
     • Headers and Footers
           – header.php 와 footer.php 파일을 생성




                           <header.php>


                            <footer.php>

           – 각각의 파일은 theme API 인 get_header()와
             get_footer()에 의해 사용
                                 [ 30 ]
WordCamp Seoul 2012
모바일웹 개발 가이드
• Theme API를 이용하여 index.php에서 include




                get_header() -> header.php


                      get_footer() -> footer.php
                  [ 31 ]
모바일웹 개발 가이드
     • header 에 hook(“wp_head”) 삽입




  Function Refrence / wp_head
  -</head> 전에 삽입
  -사이트의 styles, scripts 그리고 meta tags
  -Plugin에서 “wp_head” hook tag를 사용하고 있다면 이 부분에 적용
  -do_action(„wp_head‟);


                              [ 32 ]
WordCamp Seoul 2012
모바일웹 개발 가이드
     • footer 에 hook(“wp_footer”) 삽입




WordCamp Seoul 2012
모바일웹 개발 가이드
     • 테마 stylesheet를 문서에 적용




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Post Lists
           – 모든 요청은 별도의 파일이 없는 한 index.php을 통해
             콘텐츠 제공
           – 요청 콘텐츠의 종류에 따라 계층 구조의 파일을 통해
             콘텐츠 제공
           – 예를 들어, 특정 카테고리의 게시물을 보는 사용자가
             있다면 “category.php” 파일을 통해 콘텐츠를 제공하며,
             해당 파일이 존재하지 않으면 “archive.php” 파일을 통
             해 콘텐츠를 제공




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Post Lists




                      <워드프레스 테마 주요파일 요청 구조>



WordCamp Seoul 2012
모바일웹 개발 가이드
     • Post Lists




                      [ 37 ]
WordCamp Seoul 2012
모바일웹 개발 가이드
     • Post Lists – thumbnail 추가
           – functions.php 파일 생성
           – functions.php -> 사용자 정의 함수 정의




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Post Lists – thumbnail 추가




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Pagenavition 추가




WordCamp Seoul 2012
모바일웹 개발 가이드
• Post and Page Detail
  – Post 상세페이지를 위한 single.php 생성
모바일웹 개발 가이드
• Post and Page Detail
  – page 상세페이지를 위한 page.php 생성
모바일웹 개발 가이드
     • Comments
           – single.php 에서 comments_template() 삽입
           – comments.php 파일 생성




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Menu and Navigation
           – functions.php에서 메뉴 활성화
           – 원하는 위치에 theme API를 통해 메뉴 표시




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Using WordPress Hooks and Filters
           – PC와 모바일 환경에 따라 맞는 웹페이지 표현
           – 플러그인을 이용
           – /wp-content/plugins 에 적절한 폴더와 파일을 생성
             (ex) /wp-content/plugins/meetup
                 /wp-content/plugins/meetup/meetup.php
           – 플러그인 정보 삽입




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Theme Selection
           – Plugin API 인 add_filter를 이용




WordCamp Seoul 2012
모바일웹 개발 가이드
     • Theme Selection




                         [ 47 ]
WordCamp Seoul 2012
모바일웹 개발 가이드
     • Content 다듬기
           – 사용자가 콘텐츠를 꾸미거나,
             플러그인에 의해서 추가된
             불필요한 태그 제거
           – 이미지 리사이즈
           – Plugin API인 filter 를 이용




WordCamp Seoul 2012
끝, 감사합니다.^^

Mais conteúdo relacionado

Mais procurados

How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_frameworkJT Jintae Jung
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Junsu Kim
 
워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2성일 한
 
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발JongKwang Kim
 
Webframeworks.kr의 소개
Webframeworks.kr의 소개Webframeworks.kr의 소개
Webframeworks.kr의 소개WebFrameworks
 
위플래닛 발표자료 Meteor_js
위플래닛 발표자료 Meteor_js위플래닛 발표자료 Meteor_js
위플래닛 발표자료 Meteor_jsWebFrameworks
 
워드프레스 테마 시작하기
워드프레스 테마 시작하기워드프레스 테마 시작하기
워드프레스 테마 시작하기Hooney Jo
 
원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기우현 김
 
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유Sang Seok Lim
 
Gae와cloud sql을이용한 전자결재 개발
Gae와cloud sql을이용한 전자결재 개발Gae와cloud sql을이용한 전자결재 개발
Gae와cloud sql을이용한 전자결재 개발지헌 선
 
목적에 맞게 Angular, React, Vue
목적에 맞게 Angular, React, Vue목적에 맞게 Angular, React, Vue
목적에 맞게 Angular, React, VueGunhee Lee
 
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017AWSKRUG - AWS한국사용자모임
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Aria (In Suk) Kim
 
Wordpress Meetup 2001 Seoul
Wordpress Meetup 2001 SeoulWordpress Meetup 2001 Seoul
Wordpress Meetup 2001 SeoulSeokmoon Jang
 
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석Junki Kim
 
[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation양귀 김
 
비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초Gihyo Joshua Jang
 
워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략Jason Bum-Soo Kim
 
최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사Kichul Jung
 

Mais procurados (20)

How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_framework
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)
 
워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2
 
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
 
Webframeworks.kr의 소개
Webframeworks.kr의 소개Webframeworks.kr의 소개
Webframeworks.kr의 소개
 
위플래닛 발표자료 Meteor_js
위플래닛 발표자료 Meteor_js위플래닛 발표자료 Meteor_js
위플래닛 발표자료 Meteor_js
 
워드프레스 테마 시작하기
워드프레스 테마 시작하기워드프레스 테마 시작하기
워드프레스 테마 시작하기
 
Vue.js와 Firebase활용기
Vue.js와 Firebase활용기Vue.js와 Firebase활용기
Vue.js와 Firebase활용기
 
원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기
 
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유
Angularjs, ionic, cordova 기반 syrup store app 개발 사례 공유
 
Gae와cloud sql을이용한 전자결재 개발
Gae와cloud sql을이용한 전자결재 개발Gae와cloud sql을이용한 전자결재 개발
Gae와cloud sql을이용한 전자결재 개발
 
목적에 맞게 Angular, React, Vue
목적에 맞게 Angular, React, Vue목적에 맞게 Angular, React, Vue
목적에 맞게 Angular, React, Vue
 
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017
아마존 웹 서비스 한국 사용자 그룹 소개 - AWS Summit Seoul 2017
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발
 
Wordpress Meetup 2001 Seoul
Wordpress Meetup 2001 SeoulWordpress Meetup 2001 Seoul
Wordpress Meetup 2001 Seoul
 
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
 
[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation
 
비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초비 개발자를 위한 웹 개발 기초
비 개발자를 위한 웹 개발 기초
 
워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략
 
최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사
 

Semelhante a WordCamp 2012 Seoul - Plugin

20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf정민 안
 
LetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxLetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxssuser2601f7
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a jobDeo Kim
 
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptxssuserf875e6
 
S1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmhS1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmh082net
 
H사 개인화 Approach
H사 개인화 ApproachH사 개인화 Approach
H사 개인화 Approachssuser9a50211
 
Open standard open cloud engine (3)
Open standard open cloud engine (3)Open standard open cloud engine (3)
Open standard open cloud engine (3)uEngine Solutions
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with AngularJT Jintae Jung
 
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼MarketingUracle
 
메이븐 기본 이해
메이븐 기본 이해메이븐 기본 이해
메이븐 기본 이해중선 곽
 
제품소개서 (Pastel editor)
제품소개서 (Pastel editor)제품소개서 (Pastel editor)
제품소개서 (Pastel editor)Kevin Hyun
 
제품소개서( Pastel Editor)
제품소개서( Pastel Editor)제품소개서( Pastel Editor)
제품소개서( Pastel Editor)Kevin Hyun
 
황규영 포트폴리오
황규영 포트폴리오황규영 포트폴리오
황규영 포트폴리오Q_0
 
Yahoo Pipes and YQL
Yahoo Pipes and YQLYahoo Pipes and YQL
Yahoo Pipes and YQLJinho Jung
 
01.개발환경 교육교재
01.개발환경 교육교재01.개발환경 교육교재
01.개발환경 교육교재Hankyo
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론Hankyo
 
2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서블로그코디
 

Semelhante a WordCamp 2012 Seoul - Plugin (20)

20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
 
LetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxLetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptx
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a job
 
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx
 
S1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmhS1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmh
 
Approach
ApproachApproach
Approach
 
H사 개인화 Approach
H사 개인화 ApproachH사 개인화 Approach
H사 개인화 Approach
 
Open standard open cloud engine (3)
Open standard open cloud engine (3)Open standard open cloud engine (3)
Open standard open cloud engine (3)
 
DevOps Study
DevOps StudyDevOps Study
DevOps Study
 
Portfolio
PortfolioPortfolio
Portfolio
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with Angular
 
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
 
메이븐 기본 이해
메이븐 기본 이해메이븐 기본 이해
메이븐 기본 이해
 
제품소개서 (Pastel editor)
제품소개서 (Pastel editor)제품소개서 (Pastel editor)
제품소개서 (Pastel editor)
 
제품소개서( Pastel Editor)
제품소개서( Pastel Editor)제품소개서( Pastel Editor)
제품소개서( Pastel Editor)
 
황규영 포트폴리오
황규영 포트폴리오황규영 포트폴리오
황규영 포트폴리오
 
Yahoo Pipes and YQL
Yahoo Pipes and YQLYahoo Pipes and YQL
Yahoo Pipes and YQL
 
01.개발환경 교육교재
01.개발환경 교육교재01.개발환경 교육교재
01.개발환경 교육교재
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론
 
2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서2013 블로그코디 홈로그 소개서
2013 블로그코디 홈로그 소개서
 

WordCamp 2012 Seoul - Plugin

  • 1. WordPress Plugin @ssamture By 임민형 ssamture@gmail.com http://ssamture.net WordCamp Seoul 2012 Seoul, South Korea - May 26 Track3 – 13:30
  • 2. 미리보기 • 플러그인 이란? • 플러그인 설치 • 플러그인 개발 • 모바일웹 개발 가이드 WordCamp Seoul 2012 @ssamture
  • 4. 플러그인이란? • 워드프레스에 여러가지 새로운 기능을 추가 • 관련 전문가가 아니더라도 쉽게 적용 • 수만개의 다양한 플러그인 존재 WordCamp Seoul 2012 @ssamture
  • 12. 플러그인 설치 • 관리자 화면에서 설치 • 직접 다운로드 후 설치
  • 13. 플러그인 설치 • Dashboard를 통한 자동 설치 WordCamp Seoul 2012
  • 14. 플러그인 설치 • Dashboard를 통한 자동 설치 WordCamp Seoul 2012
  • 15. 플러그인 설치 • WordPress.org 또는 기타 웹을 통한 수동설치 WordCamp Seoul 2012
  • 16. 플러그인 설치 • WordPress.org 또는 기타 웹을 통한 수동설치 /wp-content/plugins/ WordCamp Seoul 2012
  • 17. 플러그인 적용 • 설치한 플러그인의 적용 WordCamp Seoul 2012
  • 19. 플러그인 개발 • Hooks(Hooking) • Actions • Filiters WordCamp Seoul 2012
  • 20. 플러그인 개발 • Hooks란? – 사전적 정의 : (갈)고리, 걸이; (낚싯바늘로) 낚다 등 – S/W 관점: 각종 프로그램에서 발생하는 기능호출, 메 시지, 이벤트 등을 중간에서 바꾸거나 가로채는 기술. – 주로 크래킹의 관점에서 사용. (예)키로거 WordCamp Seoul 2012
  • 21. 플러그인 개발 [ 21 ] WordCamp Seoul 2012
  • 22. 플러그인 개발 • Anctions란? – 사전적 정의 : 행동, 조치, 동작 – Actions는 워드프레스가 동작할 때 후킹을 지원하는 Action API를 이용하여 직접 만든 PHP function들을 원 하는 부분에서 실행이 되도록 함. – Actions Functions(has_action, add_action 등) WordCamp Seoul 2012
  • 23. 플러그인 개발 • Filters란? – 사전적 정의 : 여과, 필터(특정정보차단) 등 – Filters는 워드프레스가 동작할 때 후킹을 지원하는 Filter API를 이용하여 어떤 값이 데이터베이스 또는 브 라우저에 보내어 지기 전에 수정하도록 함. – Filter Functions(has_filter, add_filter 등) WordCamp Seoul 2012
  • 24. 플러그인 개발 • 플러그인 개발 기본 구조 /* Plugin Name : 플러그인 이름 Plugin URI : 플러그인 홈페이지 Description: 플러그인 설명 Author : 개발자 Version : 버전 Author URI : 개발자 홈페이지 */ function 사용자정의함수(){ } 플러그인 API함수(„hook_name‟,‟사용자정의함수‟); WordCamp Seoul 2012
  • 25. 플러그인 개발 • 워드프레스 함수의 이용 – DB에 저장된 관리자 이메일을 블로그 메인 상단에 출 력하는 플러그인 [ 25 ] WordCamp Seoul 2012
  • 27. 모바일웹 개발 가이드 • 테마 • 플러그인
  • 28. 모바일웹 개발 가이드 • 모바일웹 테마 개발 준비 – WP_ROOT/wp-content/themes/사용자테마디렉토리 – style.css 생성 – 테마 정보 주석 삽입 WordCamp Seoul 2012
  • 29. 모바일웹 개발 가이드 • 임의의 내용으로 index.php 생성 후 테마 확인 [ 29 ] WordCamp Seoul 2012
  • 30. 모바일웹 개발 가이드 • Headers and Footers – header.php 와 footer.php 파일을 생성 <header.php> <footer.php> – 각각의 파일은 theme API 인 get_header()와 get_footer()에 의해 사용 [ 30 ] WordCamp Seoul 2012
  • 31. 모바일웹 개발 가이드 • Theme API를 이용하여 index.php에서 include get_header() -> header.php get_footer() -> footer.php [ 31 ]
  • 32. 모바일웹 개발 가이드 • header 에 hook(“wp_head”) 삽입 Function Refrence / wp_head -</head> 전에 삽입 -사이트의 styles, scripts 그리고 meta tags -Plugin에서 “wp_head” hook tag를 사용하고 있다면 이 부분에 적용 -do_action(„wp_head‟); [ 32 ] WordCamp Seoul 2012
  • 33. 모바일웹 개발 가이드 • footer 에 hook(“wp_footer”) 삽입 WordCamp Seoul 2012
  • 34. 모바일웹 개발 가이드 • 테마 stylesheet를 문서에 적용 WordCamp Seoul 2012
  • 35. 모바일웹 개발 가이드 • Post Lists – 모든 요청은 별도의 파일이 없는 한 index.php을 통해 콘텐츠 제공 – 요청 콘텐츠의 종류에 따라 계층 구조의 파일을 통해 콘텐츠 제공 – 예를 들어, 특정 카테고리의 게시물을 보는 사용자가 있다면 “category.php” 파일을 통해 콘텐츠를 제공하며, 해당 파일이 존재하지 않으면 “archive.php” 파일을 통 해 콘텐츠를 제공 WordCamp Seoul 2012
  • 36. 모바일웹 개발 가이드 • Post Lists <워드프레스 테마 주요파일 요청 구조> WordCamp Seoul 2012
  • 37. 모바일웹 개발 가이드 • Post Lists [ 37 ] WordCamp Seoul 2012
  • 38. 모바일웹 개발 가이드 • Post Lists – thumbnail 추가 – functions.php 파일 생성 – functions.php -> 사용자 정의 함수 정의 WordCamp Seoul 2012
  • 39. 모바일웹 개발 가이드 • Post Lists – thumbnail 추가 WordCamp Seoul 2012
  • 40. 모바일웹 개발 가이드 • Pagenavition 추가 WordCamp Seoul 2012
  • 41. 모바일웹 개발 가이드 • Post and Page Detail – Post 상세페이지를 위한 single.php 생성
  • 42. 모바일웹 개발 가이드 • Post and Page Detail – page 상세페이지를 위한 page.php 생성
  • 43. 모바일웹 개발 가이드 • Comments – single.php 에서 comments_template() 삽입 – comments.php 파일 생성 WordCamp Seoul 2012
  • 44. 모바일웹 개발 가이드 • Menu and Navigation – functions.php에서 메뉴 활성화 – 원하는 위치에 theme API를 통해 메뉴 표시 WordCamp Seoul 2012
  • 45. 모바일웹 개발 가이드 • Using WordPress Hooks and Filters – PC와 모바일 환경에 따라 맞는 웹페이지 표현 – 플러그인을 이용 – /wp-content/plugins 에 적절한 폴더와 파일을 생성 (ex) /wp-content/plugins/meetup /wp-content/plugins/meetup/meetup.php – 플러그인 정보 삽입 WordCamp Seoul 2012
  • 46. 모바일웹 개발 가이드 • Theme Selection – Plugin API 인 add_filter를 이용 WordCamp Seoul 2012
  • 47. 모바일웹 개발 가이드 • Theme Selection [ 47 ] WordCamp Seoul 2012
  • 48. 모바일웹 개발 가이드 • Content 다듬기 – 사용자가 콘텐츠를 꾸미거나, 플러그인에 의해서 추가된 불필요한 태그 제거 – 이미지 리사이즈 – Plugin API인 filter 를 이용 WordCamp Seoul 2012