한국워드프레스사용자모임 워드프레스제대로 ( 다시 ) 배워보기 4 워드프레스 다용도테마분석 (Multi Purpose Themes) Date : 2016. 09. 30 Version : V1.0 Status : Compleleted 이은창 (duigital@wpapps.io) -1- duigital@wpapps.io 2016 Wordpress Project Guide.
1. 워드프레스테마 http://study.kopress.kr/020/wp-admin/ Id /pass 020/020-2- duigital@wpapps.io 2016 Wordpress Project Guide.
워드프레스 테마 워드프레스를 설치했으면 워드프레스의 외형을 원하는 스타일로 적용하기 위해 테마를 골라 적용해야 하는데, 어떤 테 마를 선택할지 기준이 없으면 난감할 것이다. 테마는 워드프레스 공식 사이트에서 제공하는 무료 테마를 비롯해 개인 또는 기업이 제공하는 다양한 무료 테마가 있으며 Envato, WooThemes 등에서 제공하는 유료 테마도 있다. https://wordpress.org/themes/ 바로 설치 가능한 4000여개의 무료테마 -3- duigital@wpapps.io 2016 Wordpress Project Guide. https://themeforest.net/popular_item/by_category?category=wordpress 2016년 9월 기준 7,382개의 유료 테마
워드프레스를설치했으면워드프레스의외형을원하는스타일로적용하기위해테마를골라적용해야하는데, 어떤테마를선택할지기준이없으면난감할것이다. 테마는워드프레스공식사이트에서제공하는무료테마를비롯해개인또는기업이제공하는다양한무료테마가있으며 Envato, WooThemes 등에서제공하는유료테마도있다. 워드프레스무료테마제공사이트 워드프레스유 / 무료다운로드사이트 무료테마는비용을내지않고내려받아설치할수있다는장점이있으나사이트를제작하기위해플러그인으로기능을추가하여최적화하기엔무리가따르므로대체로개인블로그운영에사용한다. 또한무료테마의상당수는데스크톱 PC 레이아웃만을지원하므로반응형웹디자인을지원하는테마를원할경우에는이를확인해야한다. 워드프레스공식사이트 (wordpress.org/themes/) FabThemes(fabthemes.com/) Woothemes(www.woothemes.com/product-category/themes/free-themes/) Wpexplorer(www.wpexplorer.com/top-free-themes/) Designwall(www.designwall.com/wordpress/themes/) 워드프레스유료테마제공사이트 워드프레스의테마를전문적으로판매하는사이트는 30 여개정도이고작은기업과개인이판매하는사이트는헤아릴수없을정도이다. 세계적으로가장많은워드프레스테마를판매하는테마포레스트에서는약 7000 개의테마를판매하고있다. Themeforest(themeforest.net/category/wordpress/) Woothemes(www.woothemes.com/) Themefuse(themefuse.com/) Elegantthemes(www.elegantthemes.com/) Designwall(www.designwall.com/) -4- duigital@wpapps.io 2016 Wordpress Project Guide.
워드프레스무료테마설치 워드프레스관리자에서외모 > 테마 > [ 새로추가 ] 메뉴를클릭하시면무료테마를검색하고관리자에서설치를할수있습니다. -5- duigital@wpapps.io 2016 Wordpress Project Guide.
워드프레스무료테마설치 원하는워드프레스테마를찾으시면 [ 설치 ] 후 [ 활성화 ] 를해주셔야합니다. 또한 [ 미리보기 ] 를클릭하면테마설치전에어떻게나올건지테마디자인을미리확인할수있습니다. 테마활성화후외모 > 메뉴에서 Primary Menu(Main Menu) 를한번더지정해줍니다. -6- duigital@wpapps.io 2016 Wordpress Project Guide.
2. 워드프레스 다용도테마소개 -7- duigital@wpapps.io 2016 Wordpress Project Guide.
다용도테마 (Multi Purpose Theme) 다용도테마란테마를가지고여러가가지용도로사용할수있도록홈페이지제작에일반적으로필요한디자인과기능을제공하는테마를얘기합니다. 다용도테마외에특정기능이나서비스에특화된테마도있습니다. -8- duigital@wpapps.io 2016 Wordpress Project Guide.
https://themeforest.net 7857 개의유료테마를구입할수있음. Codecanyon 에서워드프레스플러그인도제공 -9- duigital@wpapps.io 2016 Wordpress Project Guide.
https://www.elegantthemes.com Divi테마를 포함해서 87개의 유료테마를 구입할 수 있음. -10- duigital@wpapps.io 2016 Wordpress Project Guide.
https://woocommerce.com/storefront/ Woocommerce에서 제공하는 storefront와 canvas테마가 있습니다. storefront 기본테마에 Child Theme로 확장해서 다양한 구성을 제공하는 방식이있습니다. -11- duigital@wpapps.io 2016 Wordpress Project Guide.
3. 올바른다용도테마 선택방법 -12- duigital@wpapps.io 2016 Wordpress Project Guide.
워드프레스유료테마선택 테마는디자인뿐만아니라기능을포함한다. 쇼핑몰, 포트폴리오, 지역정보등콘텐츠의특성마다필요한템플릿과플러그인을함께제공한다. 테마를선택시콘텐츠에대한필요한템플릿과플러그인의지원여부를반드시살펴봐야한다. 만약필요한테마가없을때는직접테마를개발하여적용할수도있지만제작비용과기간이크게증가하게된다. 체크항목 내용 테마다운로드 수 많이다운로드했다는것은대중적으로검증이된테마라는 의미로받아들여도무방하다. 사람들이많이이용한테마는 문제가없을가능성이높다. 테마추천점 수 / 추천수 사용자추천점수가높은테마도사용상큰문제가없는테 마일가능성이높다. 추천점수와추천수가모두높은테마 는많은사람들에게검증받은테마라고볼수있다. -13- duigital@wpapps.io 2016 Wordpress Project Guide.
테마포레스트에서제공하는테마요약정보 워드프레스유료테마선택 체크항목 테마제작일 / 최종업데이트일 ( 반응형 ) 레이아웃지원 내용 테마는워드프레스와별개로개인및기업이제작하기때문에업데이트를지원하지않아사용하지못하는경우도많다. 제작일이오래되고최종업데이트일이최근이라면일정기간이상사용되고검증받았다는의미이고, 워드프레스와의호환성에도문제가없다고판단할수있다. 무료테마나제작일이오래된테마는데스크톱 PC 레이아웃만을지원하는경우가있다. 워드프레스의테마는당연히반응형웹디자인을지원할것이라는선입견으로가볍게넘어가지말고반드시확인해야한다. 지원브라우저 우리나라에서는크로스브라우징이라고일컫는데브라우저호환성이정확한표현이다. 모바일사용이증가하면서스마트폰에서지원하는브라우저가다양해졌으며, 애플의맥에서지원하는사파리나구글의크롬, 모질라재단의파이어폭스사용자가증가하고있어브라우저호환성도체크해야한다. 웹표준을준수한다면브라우저호환성에는큰문제가없을것이다. 다만우리나라의데스크톱 PC 에서사용하는브라우저의 30% 는인터넷익스플로러 8 을사용하는데인터넷익스플로러 8 에서는반응형웹을구현하기위한환경을지원하지않기때문에, 사이트방문자가운데인터넷익스플로러 8 을이용하는비율이높다면테마에서지원하는브라우저호환성을반드시확인해야한다. -14- duigital@wpapps.io 2016 Wordpress Project Guide.
테마포레스트에서제공하는테마요약정보 워드프레스유료테마선택 체크항목 워드프레스지원버전 : 지원플러그인 사용설명서제공여부 기타 내용 워드프레스는다양한이유로 1 년에수차례업데이트를하는데, 테마가현재버전의워드프레스를지원하는지혹은예전버전을어디까지지원하는지확인할필요도있다. 테마의업데이트의시기가오래되었다면워드프레스현재버전을지원하는지반드시확인해야한다. 워드프레스뿐만아니라 Woocommerce 나 WPML, bbpress, buddypress, calendar 등같은주요플러그인을지원하는지 테마의설정과옵션등을사용설명서없이학습하는것은매우어렵다. 게다가대부분의테마가영어로제작되었기때문에기능과옵션을이해하기어려울수도있으므로사용설명서와데모콘텐츠를담은더미데이터를제공하는지확인해야한다. 구성파일목록 : 테마를선택할때테마의구성파일을확인할수있는경우가있는데, 일부테마는디자인변경이수월하도록포토샵 (PSD) 파일을제공하기도한다. 워드프레스의테마는테마를구성하는 PHP, 스크립트, HTML, CSS 파일을제공한다. 고객지원 Q&A 가활발하고대응이빠른지, 차일드테마 ( 자식테마 ), 테마에서한국어지원여부, 키워드등도테마를선택하는데도움이된다. -15- duigital@wpapps.io 2016 Wordpress Project Guide.
4. 4 대유명테마비교 -16- duigital@wpapps.io 2016 Wordpress Project Guide.
No. 1 AVADA Theme 9월 30일 현재 25만 카피가 판매된 베스트 셀러 테마로 명실상부한 1위 테마 입니다. 테마 키워드 blog, business, clean, corporate, creative, ecommerce, modern, multipurpose, one page, photography, portfolio, responsive, retina, woocommerce, wordpress https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226 http://avada.theme-fusion.com -17- 판매량 25만 평정 4.7 가격 60$ 제공 데모수 1+17개 페이지빌더 Fusion 단점 웹표준오류 duigital@wpapps.io 2016 Wordpress Project Guide.
안정적인 Enfold Theme Enfold 테마의 가장 큰 특징은 안정적인 HTML과 IE8지원하는 것입니다. 테마 키워드 business, church, construction, corporate, ecommerce, fashion, hotel, multi purpose, one page, parallax, photography, portfolio, restaurant, retina, travel https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 http://www.kriesi.at/themes/enfold-overview/ -18- 판매량 10만 평정 4.85 가격 60$ 제공 데모수 1+25개 페이지빌더 AVIA(자체) 단점 밋밋한 디자인 duigital@wpapps.io 2016 Wordpress Project Guide.
220개의 데모 Be Theme Be테마는 제공 데모 수가 220개로 가장 많은 데모를 제공하고 있습니다. 테마 키워드 https://themeforest.net/item/betheme-responsive-multipurpose-wordpresstheme/7758048 http://themes.muffingroup.com/be/splash/ -19- boxed, business, content builder, corporate, creative, full width, mega menu, multi-purpose, multilingual, theme options, visual composer, woocommerce, wordpress, wpml 판매량 4.6만 평정 4.78 가격 59$ 제공 데모수 220개 페이지빌더 Visual Composer 단점 풍요속 빈곤 duigital@wpapps.io 2016 Wordpress Project Guide.
Frontend Edit X Theme X테마의 conerstone 페이지빌더는 Frontend Edit기능 (실제 화면을 보면서 바로 수정) 테마 키워드 blog, business, clean, corporate, creative, customizer, ecommerce, gallery, modern, multipurpose, photography, portfolio, professional https://themeforest.net/item/x-the-theme/5871901 http://theme.co/x/ -20- 판매량 12만 평정 4.73 가격 64$ 제공 데모수 4+8개 페이지빌더 Conerstone(자체) 단점 테스트시 제약 duigital@wpapps.io 2016 Wordpress Project Guide.
5. enfold 테마 데모가져오기시연 -21- duigital@wpapps.io 2016 Wordpress Project Guide.
-22- duigital@wpapps.io 2016 Wordpress Project Guide. Q&A
Thanks! WPAPPS 이은창 http://www.wpapps.io duigital@wpapps.io 한국워드프레스사용자모임 http://kopress.kr https://www.facebook.com/groups/kopress/ -23- duigital@wpapps.io 2016 Wordpress Project Guide.