Your SlideShare is downloading. ×
  • Like
  • Save
WordPress as CMS(Content Management System) - CMS로써의 워드프레스
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

  • 6,704 views
Published

CMS로써의 워드프레스 조사

CMS로써의 워드프레스 조사

Published 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,704
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