• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WordCamp 2012 Seoul - Plugin
 

WordCamp 2012 Seoul - Plugin

on

  • 786 views

워드캠프 2012 서울에서 워드프레스 플러그인이라는 주제로 발표한 PPT 자료입니다.

워드캠프 2012 서울에서 워드프레스 플러그인이라는 주제로 발표한 PPT 자료입니다.

Statistics

Views

Total Views
786
Views on SlideShare
741
Embed Views
45

Actions

Likes
3
Downloads
42
Comments
0

4 Embeds 45

http://webcodi.hosting.paran.com 38
http://2012.seoul.wordcamp.org 4
http://altoran.pe.kr 2
http://aimhigh.co.kr 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WordCamp 2012 Seoul - Plugin WordCamp 2012 Seoul - Plugin Presentation Transcript

    • WordPress Plugin @ssamtureBy 임민형 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
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp Seoul 2012
    • WordPressWordCamp 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 • FilitersWordCamp 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
    • 끝, 감사합니다.^^