This document provides an overview of using WordPress as a content management system (CMS). It discusses WordPress' introduction, history, and features. It also examines different types of WordPress sites like blogs, galleries, and ecommerce sites. Additionally, it outlines WordPress' capabilities for managing content, users, and extensibility through plugins and themes.

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