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

7. Introduction
Features
• Uploading and Editing Media • Importing and Exporting
Content
7

8. Introduction
Features
• Categorizing and Tagging • Creating Custom Permalink
Posts Correctly Structures
8

9. Introduction
Features
• Creating and Managing Users • Enabling Registration and
Post Contributions
9

10. Introduction
Features
• Moderating Comments
10

11. 2. WordPress Sites
• Types of Themes
• BuddyPress?
11

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

22. 3. WordPress as CMS
• Contents
• Users
• Extendability
22

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

36. Extendability
Plugins
• Social
– Simple Facebook Connect (http://wordpress.org/extend/plugins/simple-facebook-connect/)
– Simple Twitter Connect (http://wordpress.org/extend/plugins/simple-twitter-connect/)
– Simple Google Connect (http://wordpress.org/extend/plugins/simple-google-connect/)
36

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

41. Extendability
Plugins
• Core Functionality
– WP-PageNavi
(http://wordpress.org/extend/plugins/wp-pagenavi/)
– Revision Control
(http://wordpress.org/extend/plugins/revision-control/)
– No Revisions
(http://wordpress.org/extend/plugins/no-revisions/)
– TinyMCE Advanced
(http://wordpress.org/extend/plugins/tinymce-advanced/)
41

42. Extendability
Plugins
• Core Functionality
– Custom Posts Per Page
(http://wordpress.org/extend/plugins/custom-posts-per-page/)
– Sort Query Posts
(http://wordpress.org/extend/plugins/sort-query-posts/)
– NextGen Gallery
(http://www.nextgen-gallery.com/)
– Smush.it
(http://wordpress.org/extend/plugins/wp-smushit/)
42

43. Extendability
Plugins
• Core Functionality
– Syntax Highlighter Evolved
(http://wordpress.org/extend/plugins/syntaxhighlighter/)
– Popular Posts
(http://wordpress.org/extend/plugins/wordpresscom-popular-posts/)
– GD Star Ratings
(http://gdstarrating.com/)
– nRelate
(http://nrelate.com/)
43

44. Extendability
Plugins
• Core Functionality
– WP-Touch
(http://www.bravenewcode.com/product/wptouch-pro/)
– WPML - $79
(http://wpml.org/purchase/)
– Gravity Forms Premium - $39
(http://www.gravityforms.com/)
– Event Calendar Pro - $40
(http://codecanyon.net/item/events-calendar-pro-wordpress-premium-plugin/109301)
44

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

47. Extendability
Extendability
• Themes
– Blog, Gallery, Portfolio, Magazine, Business, eCommerce, and so on.
– Themes introduction and download sites
⇒ http://wordpress.org/extend/themes/
⇒ http://wplift.com/category/wordpress-themes
⇒ http://www.freewpthemes.net/
⇒ http://www.wpthemedesigner.com/themes/
⇒ http://welovewp.com/
⇒ http://www.wpzoom.com/themes/
⇒ http://wpinspiration.com/
⇒ http://www.themelab.com/free-wordpress-themes/
⇒ http://wpthemesgallery.com/
⇒ http://www.wpdesigner.com/category/free-wordpress-themes/
⇒ http://themehybrid.com/themes
47

48. 4. Conclusions
48

49. Conclusions
• Core System and Extendability
– Various themes and essential plugins
– Social plugin supplements
– Version matching
– Useless free versions
• Coding Skill Required
– Understanding architecture
– Well-matched design
– Localization (English-style to Korean-style)
• Editors’ Difficulties
– Publish process
– HTML&CSS styling skill
49

50. 5. References
• Reference docs & Books
• Reference Sites
• Resource Sites
50

51. References
• Reference 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.
– 크리스 코이어, 제프 스타. (2011). 워드프레스 제대로 파기. Webactually
• Reference Sites
– Wikipedia “WordPress” : http://en.wikipedia.org/wiki/Wordpress
– WordPress Official : http://wordpress.org/
– bbPress Official : http://bbpress.org/
– Best WordPress Sites
⇒ http://ndesign-studio.com/blog/best-wordpress-sites
⇒ http://resources.savedelete.com/20-best-and-awesome-wordpress-resources.html
– Best WordPress Plugins
⇒ http://googler.pe.kr/wordpress/index.php/archives/1853
⇒ http://www.makeuseof.com/pages/best-wordpress-plugins
⇒ http://www.tripwiremagazine.com/2012/07/best-wordpress-plugins.html
– Best WordPress Themes
⇒ http://www.ourtuts.com/35-amazing-premium-wordpress-themes-of-april-2010/
⇒ http://savedelete.com/50-excellent-sites-to-find-best-free-wordpress-themes-for-downloads.html
51

52. References
• Resource Sites
– Official, Themes(free), Plugins, Showcases, Docs, Forum : http://wordpress.org/
– 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/
– Themes(free), Tutorial, Services : http://www.themelab.com/
– Themes : http://www.wpthemedesigner.com/
– Themes, Showcases : http://www.wpzoom.com/
– Themes, Gallery : http://wpthemesgallery.com/
– Gallery, Showcases : http://welovewp.com/
– Showcases : http://wpinspiration.com/
52