WordPress as CMS(Content Management System) - CMS로써의 워드프레스
1. KAIST SW Graduate
Presentation by 김평화
2012-07-10
WordPress as CMS
Investigation of WordPress as Content Management System
2. Table of Contents
1. Introduction
– WordPress?
– Philosophy
– History
– Features
2. WordPress Sites 4. Conclusions
– Types of Themes
– BuddyPress?
5. References
3. WordPress as CMS
– Contents
– Users 6. Appendix
– Extendability
– WordPress Architecture
2
3. 1. Introduction
• WordPress?
• Philosophy
• History
• Features
3 / 36
4. Introduction
• WordPress?
– Free and open source blogging tool
and a dynamic CMS
⇒ GNU GPL v2
– Based on PHP and MySQL
– Plugin architecture and template system
• Philosophy
– ‘Clean, Lean, and Mean’
⇒ Core system vs. Extensions
– ‘Working out-of-the-box’
⇒ Users with no or only little technical knowledge
4
5. Introduction
History
• 2001, Originated from weblog software called b2/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 W3Techs
• 2011, Over 14.7% top 1 million websites and manages 22% of all new websites
– by Alexa Internet
• Now 2012, Version 3.4.1 released
5
6. Introduction
Features
• Navigating and Customizing • Installing and Configuring
the Dashboard Themes and Plugins
6
12. WordPress Sites
• Types of Themes
– Blog Types
– Gallery Types
– Portfolio Types
– Magazine Types
– Business Types
– eCommerce Types
• BuddyPress?
– Community-oriented
– Features
12
13. Case Study
WordPress Sites
• Blog Types
– Header, Content, Sider, Footer
⇒ Title, Navigation, Page, Post, Category, Tag, Meta, etc.
Showcase
http://www.criaturacreativa.com/blog/ http://www.bike4life.kr/
13
14. Case Study
WordPress Sites
• Gallery Types
– Content View : Images or videos gallery
Showcase
http://bestwebgallery.com/ http://cssremix.com/
14
15. Case Study
WordPress Sites
• Portfolio Types
– Blog with work gallery
Showcase
http://www.komodomedia.com/ http://mattbrett.com/work/
15
16. Case Study
WordPress Sites
• Magazine Types
– Magazine style main screen
– Customized posting blogs
Showcase
http://www.kineda.com/ http://www.heroyalmajesty.ca/
16
17. Case Study
WordPress Sites
• Business Types
– Main screen for introducing products and brand
– Most of customized pages and one blog
Showcase
http://www.wolverineworldwide.com/ http://www.peer1.com/
17
18. Case Study
WordPress Sites
• eCommerce Types
– Main screen for introducing products and brand
– Customized posting blogs with payment
Showcase
http://www.converse.com/ http://www.uniqlo.com/us/
18
19. Case Study
BuddyPress?
• Community-oriented WordPress
– Add social networking features to a WordPress MU powered site
– Independent version and WordPress plugin
Showcase
http://buddypress.org/ http://www.heroyalmajesty.ca/
19
20. Case Study
BuddyPress?
• Features
• Activity Streams • User Groups
• Multi Blogging • Friend Connections
20
21. Case Study
BuddyPress?
• Features
• Extended Profiles • Discussion Forums
• Private Messaging • User Settings
21
23. WordPress as CMS
• Contents • Users
– Pages and Posts – User Registration
– Categories and Tags – User Permission
– Hierarchical Pages and Categories – Comments
– Supported Various Media Types
– Custom Field
• Extendability
– Plugins
– Themes
23
24. WordPress as CMS
Contents
• Pages and Posts
– Site pages each
⇒ 관리자에 의해 작성되는 페이지로 사이트를 구성함
⇒ Page Template 기능으로 형식 재사용
– Article posts stack
⇒ 편집자에 의해 작성되는 기사(Article)에 해당
⇒ Post Format 기능으로 형식 재사용
24
25. WordPress as CMS
Contents
• Categories and Tags
– Post categories : 포스트를 분류하기 위한 범주
– Post tags : 포스트의 주요 키워드로 구성
– Link categories : 링크를 분류하기 위한 범주
• Hierarchical Pages and Categories
– Hierarchical categories
– Hierarchical pages (Site-map)
25
26. WordPress as CMS
Contents
• Custom Field
– 포스팅 내용 외에 추가 데이터를 저장 후 외부에서 활용
⇒ ex) Post thumbnail
– 사용방법
1. 각 포스트마다 Custom field 입력
2. 포스트 외부에서 get_post_meta() 함수로 Custom field 값을 가져옴
– 함수 인자 : $post_id, $key, $single
26
27. WordPress as CMS
Contents
• Supported Various Media Types
– Media library : all types supported but, text and images centric
⇒ Image, video, audio, flash, doc, etc.
Player or viewer plugins required
⇒ NextGen Gallery, Video.js, Embedly, etc.
Advanced WYSIWYG editor plugins required
⇒ TinyMCE Advanced
27
28. WordPress as CMS
• Contents • Users
– Pages and Posts – User Registration
– Supported Various Media Types – User Permission
– Custom Field – Comments
– Categories and Tags
– Hierarchical Pages and Categories
• Extendability
– Plugins
– Themes
28
29. WordPress as CMS
Users
• User Registration
– Email registration
– User profile
SNS connect registration and login plugin required
⇒ WordPress for Facebook, Simple Facebook Connect, Simple Twitter Connect, Simple
Google Connect, etc.
29
30. WordPress as CMS
Users
• User Permission
– Super admins (최고 관리자) : 다중 블로그의 최고 관리자
– Administrators (관리자) : 일반 블로그의 최고 관리자
– Editors (편집자) : 다른 사람의 포스트를 발행하고 수정
– Authors (작성자) : 자신의 포스트를 발행하고 수정
– Contributors (기고자) : 자신의 포스트를 작성
– Subscribers (구독자) : 사이트를 등록한 방문자
Detailed roles plugin required
⇒ Members, Role Scoper, Page Restrict, ect.
30
31. WordPress as CMS
Users
• Comments
– Page and post unit
– Comments moderation
Social comments plugin required
⇒ Facebook Comment, Disqus, LiveFyre, etc.
Discussion and activities plugins needed
31
32. WordPress as CMS
• Contents • Users
– Pages and Posts – User Registration
– Supported Various Media Types – User Permission
– Custom Field – Comments
– Categories and Tags
– Hierarchical Pages and Categories
• Extendability
– Plugins
– Themes
32
33. WordPress as CMS
Extendability
• Plugins
– Plugins for CMS
⇒ User Role Management
⇒ Social
⇒ Comments
⇒ BBS and Forum
⇒ eCommerce
– Core Functionality
– Backup, Optimize, SEO, etc.
33
34. Extendability
Plugins
• User Role Management
– Members (http://wordpress.org/extend/plugins/members/)
⇒ 종합적인 사용자 관리, 열할 관리, 컨텐츠 관리
– Role Scoper (http://wordpress.org/extend/plugins/role-scoper/)
⇒ 사용자 및 사용자 그룹별로 다양한 역할 부여
– Page Restrict (http://wordpress.org/extend/plugins/pagerestrict/)
⇒ 로그인한 사용자만 지정한 페이지를 볼 수 있도록 제한
34
35. Extendability
Plugins
• Social
– Facebook for WordPress (https://developers.facebook.com/wordpress/)
⇒ Social Publisher, Like Button, Subscribe Button, Send Button, Comments, Recommendations Bar
– Facebook Social Plugin API Code
(https://developers.facebook.com/docs/plugins/)
⇒ Like Button, Send Button, Subscribe Button, Comments,
Activity Feed, Recommendations, Like Box, Login Button,
Registration, Facepile, Live Stream
35
37. Extendability
Plugins
• Social
– Digg Digg (http://wordpress.org/extend/plugins/digg-digg/)
⇒ 소셜 공유 버튼 총 집합
– Sharebar (http://wordpress.org/extend/plugins/sharebar/)
⇒ 수직바형태의 소셜 공유 버튼 모음
– Sexy Bookmarks (http://wordpress.org/extend/plugins/sexybookmarks/)
⇒ 다양한 소셜 서비스의 북마크 버튼과 관련 컨텐츠 추천
37
38. Extendability
Plugins
• Comments
– Disques (http://disqus.com/)
⇒ 다양한 SNS 로그인 및 공유를 지원하는 대체 코멘트 시스템
– LiveFyre (http://www.livefyre.com/)
⇒ 리얼타임을 지원하고, 다양한 SNS 로그인 및 공유를 지원하는 대체 코멘트 시스템
38
39. Extendability
Plugins
• BBS and Forum
– bbPRess Forum (http://wordpress.org/extend/plugins/bbpress/)
⇒ 워드프레스를 만든 사람들이 제작한 포럼
– Mingle Forum (http://wordpress.org/extend/plugins/mingle-forum/)
⇒ 보다 고급 기능을 지원하는 포럼
– Simple:Press (http://simple-press.com/)
39
40. Extendability
Plugins
• eCommerce
– WP e-Commerce (http://getshopped.org/) – JigoShop (http://jigoshop.com/)
⇒ 기본 무료, 추가 업그레이드 유료, 코딩 필수 ⇒ 기본 테마와 잘 연동됨, 기본 무료, 주문제작 비
용
– Shopp Premium (https://shopplugin.net/)
⇒ 기본 $55, 업그레이드 및 주문제작 비용
40
45. Extendability
Plugins
• Backup
– WP-DB Backup (http://wordpress.org/extend/plugins/wp-db-backup/) : Simple database backup
– BackWPup (http://wordpress.org/extend/plugins/backwpup/) : Various high backup solution
– Backup Buddy Premium (http://pluginbuddy.com/purchase/backupbuddy/) : $75 for 2 sites
– Vaultpress Premium (http://vaultpress.com/) : $15 per month per site by WordPress
• Optimize
– W3 Total Cache (http://wordpress.org/extend/plugins/w3-total-cache/) : Cache optimize
– WP-SuperCache (http://wordpress.org/extend/plugins/wp-super-cache/) : Cache optimize
– CloudFlare Caching Service (https://www.cloudflare.com/) : Cache optimize (Cloud)
– WP-Optimize (http://wordpress.org/extend/plugins/wp-optimize/) : DB optimize
– Redirection (http://wordpress.org/extend/plugins/redirection/) : 404 errors catch
– Broken Link Checker (http://wordpress.org/extend/plugins/broken-link-checker/) : Broken link catch
45
46. Extendability
Plugins
• SEO(Search Engine Optimization)
– WordPRess SEO by Yoast (http://yoast.com/articles/wordpress-seo/) : Extensive SEO feature set
– SEO Ultimate (http://www.seodesignsolutions.com/wordpress-seo/) : Extensive SEO feature set
– All-In-One SEO (http://wordpress.org/extend/plugins/seo-image/) : Basic SEO feature set
– Google XML Sitemaps (http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/) :
Create site map for google
– SEO Friendly Images (http://wordpress.org/extend/plugins/seo-image/) : Add ALT and TITLE tags
– SEO Slugs (http://wordpress.org/extend/plugins/seo-slugs/) : Removing common words such as a/the/or in slugs
• etc.
– Secure WP (http://wordpress.org/extend/plugins/wp-optimize/) : Some adjustments for security
– Wassup (http://wordpress.org/extend/plugins/wassup/) : Visitor activity real-time monitor
46