워드프레스 1 . 개념 및 사용 ( in 하 자 작업장 학교 ) 
 워드프레스 2 . 관리 ( in 하 자 작업장 학교 ) 
 워드프레스 3 . 설치 ( in 하 자 작업장 학교 ) 
 by Byunghwa Yoon 
 하자센터 허브 팀 에서 워드프레스 사용법 을 강의 한 자료 ( 2012 - 11 - 29 ) . 워드프레스 의 배경 , 개념 , 기능 , 실습 , 제약 , 참고 로 구성 . 개발 자 가 아닌 분 들 을 대상 . 
 , Encourager 
 at SWIM ( Society for World Internet Mission ) 
 Lee wooyeul 
 , UVASHI medical manager 
 at UVASHI medical 
 at IDAS 
 수홍 김 
 , 개인 사업 
 KAIST Social Academy 2012 - 11 - 29 To 하자센터 From 김평 화 워드프레스 가이드 워드프레스 의 기본 개념 과 사례 들 , 그리고 간단 한 사용 방법 을 나누 고자 합니다 .  영문 / 한글 혼용  개발자 를 위한 사항 배제  CCL BY - NC - SA 2 . 
 Contents Background Case Studies Features & Functions Practice Constraints References 2 3 . 
 • Background • WordPress ? • Philosophy • History • Why WordPress ? 3 4 . 
 Background • WordPress ? – 설치 형 블로그 기반 의 컨텐츠 관리 시스템 ( CMS ) – 오픈 소스 소프트웨어 – 우수 한 확장 성 ⇒ 테마 , 플러그인 , 템플 릿 • Philosophy – ‘ Clean , Lean , and Mean ’ ⇒ 코어 시스템 vs . 확장 – ‘ Working out - of - the - box ’ ⇒ 기술 적 지식 이 거의 없 는 사람 을 위한 4 5 . 
 Background • History of WordPress – 2001 , Originated from weblog software called b 2 / cafelog – 2003 , The first released by Matt Mullenweg – 2004 , Released official and stable version ( 1 . 0 ) and became popular ⇒ “ MovableType ” changed to get license fee – 2010 , Market share of 55 . 5 % in the CMS market ⇒ by W 3 Techs – 2011 , Over 14 . 7 % top 1 million websites and manages 22 % of all new websites ⇒ by Alexa Internet – Now 2012 , Version 3 . 5 . 2 released – 10 년 이상 의 기간 동안 세계 의 유수 한 개발 자 수 천 명 의 작품 ⇒ 테마 와 플러그인 개발자 까지 합친다면 , 수 만 명 의 개발자 가 참여 – 블로그 ( Weblog ) 로 시작 하 였 지만 , 현재 는 컨텐츠 관리 시스템 ( CMS ) 중 에 1 위 – 국내 에서 는 최근 워드프레스 의 가치 가 인정 되 고 있 음 5 6 . 
 BackgroundWhy WordPress ? 1 . 누구 나 쉽 게 , 무료 로 사용 이 가능 하 다 . ⇒ 오픈 소스 ( GPL v 2 ) – Free Software vs . Open Source Software ⇒ 과거 에 는 서비스 형 블로그 만 이 무료 로 사용 할 수 있 는 컨텐츠 관리 시스템 이 었 음 – 서비스 형 블로그 vs . 설치 형 블로그 – 무료 설치 형 CMS 로 발전 ⇒ 코딩 이 없이 , 메뉴 선택 방법 으로 설치 와 셋 팅 이 가능 6 7 . 
 BackgroundWhy WordPress ? 2 . 무수 한 테마 와 플러그인 이 존재 하 고 , 개발 커뮤니티 가 활발 하 다 . ⇒ 높 은 확장 성 과 사용 성 ⇒ 대부분 의 상상 할 수 있 는 기능 들 이 이미 개발 되 어 있 음 – 커 스터 마이 즈 의 문제 ⇒ 공식 사이트 에 등록 된 플러그인 만 2 만 개 가 넘 으며 , 테마 는 사실상 셀 수 없 음 – 좋 은 테마 와 플러그인 을 찾 을 수 있 는 안목 이 중요 - Types of Themes • Blog • Gallery • Portfolio - Types of Plugins • Magazine • Core Functionality • Business • User Role Management • e - Commerce • BBS and Forum • Social Plugin Connection • eCommerce Support • Backup • Optimize • SEO 7 8 . 
 BackgroundWhy WordPress ? 3 . 각종 소셜 플러그 인 들 이 고립 된 섬 ( 내 사이트 ) 에 다리 를 놓아준다 . ⇒ 대부분 의 SNS 는 소셜 플러그인 을 가지 고 있 음 – 페이스북 : 로그인 , 코멘트 , 라 이크 박스 , 라 이크 버튼 등 – 트위터 : 로그인 , 트윗 버튼 등 – 핀터 레스 트 : 핀 잇 버튼 등 – 구글 + : 로그인 , + 1 버튼 등 ⇒ 사용 자 친구 관계 ( Social ) 를 그대로 워드프레스 사이트 에서 활용 가능 8 9 . 
 BackgroundWhy WordPress ? 4 . 각종 클라우드 서비스 가 트래픽 을 대신 감당 해 준다 . ⇒ 다양 한 클라우드 서비스 – 이미지 : 피카사 , 플리커 등 – 비디오 : 유트 브 , 비메오 등 – 문서 : 슬라이드 쉐어 등 – 파일 : 구글 드라이브 , 드 랍 박스 등 ⇒ 트래픽 을 대신 감당 해 준다는 것 은 트래픽 으로 발생 하 는 비용 이 무료 가 된다는 의미 – 컨텐츠 생산자 ( 워드프레스 )  망사 업자  컨텐츠 소비자 ( 사용자 ) 9 10 . 
 • Case Studies • Types of Themes • Other Considerations 10 11 . 
 Case Studies • Types of Themes – Basis : Blog , Gallery , Portfolio , . . – Application : Magazine , Business , e - Commerce , . . more • Other Considerations – Free vs . Premium – Responsive – OnePage – Simple , Minimal 11 12 . 
 Case StudiesTypes of Themes • Basis : Blog Themes – Basic format ⇒ Header , Content , Sider , Footer , ect .  Showcase http : / / www . criaturacreativa . com / blog / http : / / www . bike 4 life . kr / 12 13 . 
 Case StudiesTypes of Themes • Basis : Gallery Themes – Content Views ⇒ Images or videos list ( Grid , Masonry , etc . )  Showcase http : / / bestwebgallery . com / http : / / cssremix . com / 13 14 . 
 Case StudiesTypes of Themes • Basis : Portfolio Themes – Content Views ⇒ Blog with work gallery ( Grid , Masonry , etc )  Showcase http : / / crowdfavorite . com / portfolio / http : / / mattbrett . com / work / 14 15 . 
 Case StudiesTypes of Themes • Application : Magazine Themes – Magazine style main screen – Customized posting blogs  Showcase http : / / www . kineda . com / http : / / www . heroyalmajesty . ca / 15 16 . 
 Case StudiesTypes of Themes • Application : Business Themes – Main screen for introducing products and brand – Most of customized pages and one blog  Showcase http : / / www . wolverineworldwide . com / http : / / www . peer 1 . com / 16 17 . 
 Case StudiesTypes of Themes • Application : eCommerce Themes – Main screen for introducing products and brand – Customized posting blogs with payment  Showcase http : / / www . converse . com / http : / / www . uniqlo . com / us / 17 18 . 
 Case StudiesOther Considerations • Free vs . Premium • Responsive – 무료 테마 는 기능 이 제한 적 이 고 많 은 – 다양 한 스크린 크기 에 능동 적 으로 반 버그 를 포함 응하 여 최적 의 화면 제공 – 유료 테마 는 가격 이상 의 기능 과 가 – N 스크린 에 대비 가능 치 를 지님 ( 보통 $ 10 ~ 60 ) 18 19 . 
 Case StudiesOther Considerations • OnePage • Simple , Minimal – 한 페이지 에 사이트 의 모든 기능 이 – 기능 이나 형태 를 단순 및 간소 화 나열 되 는 형태 ex ) 메타데이터 ( 태그 , 저자 등 ) 를 없앰 – 단순히 디자인 을 심플 하 게 하 는 경우 도 있 음 19 20 . 
 • Features & Functions 20 21 . 
 Features & Functions 홈페이지 와 대시보드 ( Dashboard ) 테마 ( Theme ) 와 플러그인 ( Plugin ) 메뉴 ( Menu ) 와 위젯 ( Widget ) 페이지 ( Page ) 와 글 ( Post ) 카테고리 ( Category ) 와 태그 ( Tag ) 사용자 ( User ) 관리 댓글 ( Comment ) 관리 미디어 ( Media ) 관리 21 22 . 
 Features & Functions • 홈페이지 와 대시보드 ( Dashboard ) – 사용 자 영역 인 홈페이지 와 관리자 영역 인 대시보드 로 분리 – 로그인 을 하 면 관리 바 ( Adminbar ) 가 생김 22 23 . 
 Features & Functions • 테마 ( Theme ) 와 플러그인 ( Plugin ) – 외모 ( Appearance ) 의 하위 메뉴 인 테 마 는 사이트 의 외관 뿐 아니 라 , 모든 기능 을 담당 – 플러그인 은 특정 기능 을 사이트 에 추가 하 는 역할 – 테마 와 플러그인 모두 온라인 상 에서 검색 이 가능 하 고 클릭 만 으로 설치 됨 23 24 . 
 Features & Functions • 메뉴 ( Menu ) 와 위젯 ( Widget ) – 메뉴 : 사용 자 마음대로 메뉴 를 지정 ⇒ 드래그 앤 드 랍 방식 으로 직관 적 인 설정 – 위젯 : 테마 가 지원 하 는 구역 마다 특수 한 기능 을 하 는 위젯 을 배치 ⇒ Sidebar 영역 , Footer 영역 등 에 미리 지정 된 위젯 을 드래그 앤 드 랍 방식 으로 배치 24 25 . 
 Features & Functions • 페이지 ( Page ) 와 글 ( Post ) – 페이지 ( Page ) : 사이트 를 구성 하 는 하나 하나 의 페이지 ⇒ 페이지 끼리 계층 구조 를 가짐 ⇒ 페이지 템플 릿 ( Page Template ) 기능 으로 기 지정 된 형식 을 재 사용 – 글 ( Post ) : 편집자 에 의해 작성 되 는 기사 ( Article ) 에 해당 ⇒ 글 은 카테고리 에 소속 되 고 , 카테고리 가 계층 구조 를 지님 ⇒ 글 형식 ( Post Format ) 기능 으로 기 지정 된 형식 을 재 사용 < Page > < Post > Subject Home Math Science Subject Types About Member Contact Add Sub Body 25 26 . 
 Features & Functions • 카테고리 ( Category ) 와 태그 ( Tag ) – 글 ( Post ) 을 분류 하 기 위한 수단 – 카테고리 : 하나 의 글 은 복수 개 의 카테고리 에 소속 될 수 있 으며 , 계층 구조 를 지님 – 태그 : 하나 의 글 은 복수 개 의 태그 를 지닐 수 있 으며 , 글 을 나타내 는 자유 형식 의 키워 드 를 사용 Subject Math Science Subject Types Add Sub Body Leaning Elementary Human 26 27 . 
 Features & Functions • 사용자 ( User ) 관리 – 사용 자 의 가입 및 관리 기능 제공 – 사용 자 권한 구분 : 관리자 / 편집자 / 글쓴이 / 후원자 / 구독자 ⇒ 컨텐츠 관리 를 위하 여 “ 편집 권한 ” 기능 만 제공 ⇒ 대부분 의 커뮤니티 지향 시스템 은 구독자 의 권한 이 분리 된다는 점 과 상 이 – 플러그인 으로 해결 가능 27 28 . 
 Features & Functions • 댓글 ( Comment ) 관리 – 계층 적 인 ( 대화 형 ) 댓글 시스템 제공 – 댓글 중재 ( Comment Moderation ) 기능 제공 ⇒ 사이트 전체 에 반영 된 댓글 을 한눈 에 볼 수 있 고 , 이 를 관리 함 28 29 . 
 Features & Functions • 미디어 ( Media ) 관리 – 라이브러리 : 이미지 , 비디오 뿐 만 아니 라 모든 종류 의 파일 을 보관 ⇒ 각 미디어 의 정보 를 수정 하 고 , URL 을 얻 어 올 수 있 음 ⇒ 특히 , 이미지 에 특화 되 어 있 음 – 글 작성 중 에 업로드 한 미디어 도 라이브러리 에 통합 됨 ⇒ 미디어 메뉴 에서 업로드 한 것 과 글 작성 중 업로드 한 것 의 차이 는 글 내부 의 “ 갤러리 ” 로 배속 되 는지 의 여부 29 30 . 
 • Practice 30 31 . 
 Practice • 실전 연습 1 – 글 작성 하 기 ⇒ 글 – Add New → 제목 – 고유 주소 – 글쓰기 - 버튼 들 – 보여 주 기 / HTML – 화면 옵션 ( 토론 , 글 쓴 이 , Revisions , Categories , Tags ) – 공개 하 기 – 이미지 가 있 는 글 작성 하 기 ⇒ 글 – Add New → 제목 – 글쓰기 – 업로드 / 넣 기 ( Faster Insert ) – 업로드 ( 3 종류 ) – 보 기 ( 링크 , 정 렬 , 크기 ) – 본문 삽입 – 특성 이미지 ( Use as featured image ) – 이미지 고치 기 – 공개 하 기 – 영상 임 배드 ( Embed ) 가 있 는 글 작성 하 기 ⇒ 글 – Add New → 제목 – 글쓰기 – 비메오 영상 주소 붙여 넣 기 ( 또는 HTML 소스 붙여 넣 기 ) – 특 성 이미지 설정 – 공개 하 기 – 카테고리 관리 하 기 ⇒ 글 – Categories → 이름 – 슬러그 – 상위 – 설명 – 새 분류 추가 하 기 31 32 . 
 Practice • 실전 연습 2 – 페이지 만들 기 ⇒ 페이지 – Add New → 글 작성 과 동일 – 페이지 속성 ( 상위 , 템플 릿 ) – 공개 하 기 – 메뉴 관리 하 기 ⇒ 외모 – Menus → +( 새 메뉴 ) – 메뉴 에 넣 을 수 있 는 아이 탬 ( Page , Categories , 사용 자정 의 링크 ) – 이름 및 계층 순서 – 메뉴 저장 - 테마 위치 – 저장 하 기 – 위젯 관리 하 기 ⇒ 외모 – 위젯 → 사용 할 수 있 는 위젯 ( 검색 , 글 목록 , 분류 , 텍스트 등 ) – 테마 의 위젯 위치 ( Blog Sidebar , Portfolio Sidebar , Page Sidebar , Home Widget , Footer Widget 등 ) 32 33 . 
 • Constraints 33 34 . 
 Constraints – English Culture Based ⇒ 영어 ⇒ 글 작성 및 컨텐츠 관리 하 는 방법 의 차이 – Publish Process ⇒ 다양 한 테마 나 플러그인 도 문화 적 으로 다른 형태 를 지님 – Blog & CMS Based Contents ⇒ 컨텐츠 관리 엔 강하 지만 , 사용 자 관리 에 는 약함 Users – 기본 기능 에 는 커뮤니티 를 위한 기능 이 전무 함 – 소셜 플러그인 으로 커뮤니티 를 위한 기본 기능 이 제공 되 지만 , 전문 커뮤니티 시스템 으로써 는 부족 ⇒ 이 를 극복 하 기 위하 여 많 은 노력 이 요구 됨 Extendability – Forum , BuddyPress – Coding Skill Required ⇒ 사소 한 디자인 을 위해서 – CSS , Javascript ⇒ 문화 적 으로 다른 형태 를 한국 화 하 기 위해서 – Localization ⇒ 무료 버전 이 기 때문 에 … 34 35 . 
 • References • Docs & Books • Reference Sites • Resource Sites 35 36 . 
 References • Docs & Books – Theodoros Polychniatis and others . ( 2010 ) . WordPress : Software Architecture . Utrecht University . – Hal Stern , David Damstra , Brad Williams . ( 2010 ) . Professional WordPress Design and Development . Wiley Publishing . • Reference Sites – Wikipedia “ WordPress ” : http : / / en . wikipedia . org / wiki / Wordpress – WordPress Official : http : / / wordpress . org / – Best WordPress Sites ⇒ http : / / ndesign - studio . com / blog / best - wordpress - sites ⇒ http : / / resources . savedelete . com / 20 - best - and - awesome - wordpress - resources . html • Resource Sites – Official , Themes ( free ) , Plugins , Showcases , Docs , Forum : http : / / wordpress . org / – Themes : http : / / themeforest . net / – Themes ( free ) , Plugins , Guide , Tips : http : / / wplift . com / – Themes ( free ) , Plugins , Tutorial , Tips : http : / / wp . tutsplus . com / – Themes , Tips , Tutorial , Services : http : / / www . wpdesigner . com / – Themes , Plugins , Tutorial , Docs , Forum : http : / / themehybrid . com / – Themes ( free ) : http : / / www . freewpthemes . net / 36 Recommended