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

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

on

  • 6,495 views

CMS로써의 워드프레스 조사

CMS로써의 워드프레스 조사

Statistics

Views

Total Views
6,495
Views on SlideShare
3,322
Embed Views
3,173

Actions

Likes
11
Downloads
0
Comments
0

6 Embeds 3,173

http://heiswed.tistory.com 3166
http://wing.kang2oon.com 3
https://twitter.com 1
http://www.facebook.com 1
https://m.facebook.com&_=1360144917625 HTTP 1
https://m.facebook.com&_=1360144972446 HTTP 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • KAIST SW Graduate Presentation by 김평화 2012-07-10WordPress as CMSInvestigation of WordPress as Content Management System
  • 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
  • 1. Introduction • WordPress? • Philosophy • History • Features 3 / 36
  • 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
  • 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
  • IntroductionFeatures• Navigating and Customizing • Installing and Configuring the Dashboard Themes and Plugins 6
  • IntroductionFeatures• Uploading and Editing Media • Importing and Exporting Content 7
  • IntroductionFeatures• Categorizing and Tagging • Creating Custom Permalink Posts Correctly Structures 8
  • IntroductionFeatures• Creating and Managing Users • Enabling Registration and Post Contributions 9
  • IntroductionFeatures• Moderating Comments 10
  • 2. WordPress Sites • Types of Themes • BuddyPress? 11
  • WordPress Sites • Types of Themes – Blog Types – Gallery Types – Portfolio Types – Magazine Types – Business Types – eCommerce Types • BuddyPress? – Community-oriented – Features 12
  • 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
  • Case Study WordPress Sites• Gallery Types – Content View : Images or videos gallery  Showcase http://bestwebgallery.com/ http://cssremix.com/ 14
  • Case Study WordPress Sites• Portfolio Types – Blog with work gallery  Showcase http://www.komodomedia.com/ http://mattbrett.com/work/ 15
  • Case Study WordPress Sites• Magazine Types – Magazine style main screen – Customized posting blogs  Showcase http://www.kineda.com/ http://www.heroyalmajesty.ca/ 16
  • 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
  • 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
  • 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
  • Case Study BuddyPress?• Features • Activity Streams • User Groups • Multi Blogging • Friend Connections 20
  • Case Study BuddyPress?• Features • Extended Profiles • Discussion Forums • Private Messaging • User Settings 21
  • 3. WordPress as CMS • Contents • Users • Extendability 22
  • 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
  • WordPress as CMS Contents• Pages and Posts – Site pages each ⇒ 관리자에 의해 작성되는 페이지로 사이트를 구성함 ⇒ Page Template 기능으로 형식 재사용 – Article posts stack ⇒ 편집자에 의해 작성되는 기사(Article)에 해당 ⇒ Post Format 기능으로 형식 재사용 24
  • WordPress as CMS Contents• Categories and Tags – Post categories : 포스트를 분류하기 위한 범주 – Post tags : 포스트의 주요 키워드로 구성 – Link categories : 링크를 분류하기 위한 범주• Hierarchical Pages and Categories – Hierarchical categories – Hierarchical pages (Site-map) 25
  • WordPress as CMS Contents• Custom Field – 포스팅 내용 외에 추가 데이터를 저장 후 외부에서 활용 ⇒ ex) Post thumbnail – 사용방법 1. 각 포스트마다 Custom field 입력 2. 포스트 외부에서 get_post_meta() 함수로 Custom field 값을 가져옴 – 함수 인자 : $post_id, $key, $single 26
  • 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
  • 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
  • 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
  • WordPress as CMS Users• User Permission – Super admins (최고 관리자) : 다중 블로그의 최고 관리자 – Administrators (관리자) : 일반 블로그의 최고 관리자 – Editors (편집자) : 다른 사람의 포스트를 발행하고 수정 – Authors (작성자) : 자신의 포스트를 발행하고 수정 – Contributors (기고자) : 자신의 포스트를 작성 – Subscribers (구독자) : 사이트를 등록한 방문자  Detailed roles plugin required ⇒ Members, Role Scoper, Page Restrict, ect. 30
  • 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
  • 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
  • WordPress as CMS Extendability• Plugins – Plugins for CMS ⇒ User Role Management ⇒ Social ⇒ Comments ⇒ BBS and Forum ⇒ eCommerce – Core Functionality – Backup, Optimize, SEO, etc. 33
  • 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
  • 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
  • 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
  • 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
  • ExtendabilityPlugins• Comments – Disques (http://disqus.com/) ⇒ 다양한 SNS 로그인 및 공유를 지원하는 대체 코멘트 시스템 – LiveFyre (http://www.livefyre.com/) ⇒ 리얼타임을 지원하고, 다양한 SNS 로그인 및 공유를 지원하는 대체 코멘트 시스템 38
  • 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
  • ExtendabilityPlugins• eCommerce – WP e-Commerce (http://getshopped.org/) – JigoShop (http://jigoshop.com/) ⇒ 기본 무료, 추가 업그레이드 유료, 코딩 필수 ⇒ 기본 테마와 잘 연동됨, 기본 무료, 주문제작 비 용 – Shopp Premium (https://shopplugin.net/) ⇒ 기본 $55, 업그레이드 및 주문제작 비용 40
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 4. Conclusions 48
  • 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
  • 5. References • Reference docs & Books • Reference Sites • Resource Sites 50
  • 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
  • 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