WordPress as CMS(Content Management System) - CMS로써의 워드프레스

  • 6,569 views
Uploaded on

CMS로써의 워드프레스 조사

CMS로써의 워드프레스 조사

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,569
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
13

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. KAIST SW Graduate Presentation by 김평화 2012-07-10WordPress as CMSInvestigation 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. IntroductionFeatures• Navigating and Customizing • Installing and Configuring the Dashboard Themes and Plugins 6
  • 7. IntroductionFeatures• Uploading and Editing Media • Importing and Exporting Content 7
  • 8. IntroductionFeatures• Categorizing and Tagging • Creating Custom Permalink Posts Correctly Structures 8
  • 9. IntroductionFeatures• Creating and Managing Users • Enabling Registration and Post Contributions 9
  • 10. IntroductionFeatures• 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 CMSUsers• 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. ExtendabilityPlugins• 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. ExtendabilityPlugins• 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. ExtendabilityExtendability• 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