워드프레스 우커머스 결제 플러그인 중 하나인 WooCommerce KCP가 무료로 개방됐습니다. 이 플러그인은 아진시스템에서 제작한 것으로 아래 사이트에서 무료 요청을 하거나 github에서 직접 내려받을 수 있습니다. 아진시스템 홈페이지 → http://wpshop.ajinsys.com/ 깃허브 → http://hongsw.github.io/ajin-kcp-payment-woocommerce/ zip 파일을 내려받아 압축을 풀면 폴더 안에 woocommerce-KCP-plugin 폴더가 있습니다. 이 폴더를 wp-content/plugins 폴더로 붙여넣습니다. 플러그인을 활성화하고 우커머스 → 설정 → 지불 게이트웨이 탭을 선택한 다음 Kcp[Card]링크를 클릭합니다. 테스트 결제를 위한 내용들이 ..
어떤 웹디자인이든 제이쿼리를 사용하기 마련입니다. 개발자가 만들어놓은 제이쿼리 플러그인을 웹사이트에 적용하기 위해서 코드를 입력하는데 제대로 입력했다고 생각하지만 오류가 나서 어떤 부분에서 잘못됐는지 찾기가 어렵습니다. 이럴때는 웹브라우저에 포함된 개발자 도구를 이용해서 요소 검사를 하고 분석하면 바로 찾을 수 있습니다. 워드프레스 쇼핑몰 만들기 책으로 작업 중 독자 분이 이런 오류를 찾을 수 없어서 요청을 했는데 찾는 방법을 알아보겠습니다. 우선 HTML과 CSS 가 제대로 입력이 됐는지 확인합니다. 요소에 오른쪽 마우스 클릭하고 나오는 메뉴에서 요소검사를 클릭하면 하단의 좌측에 HTML 부분이 나타나고 우측에 CSS가 보입니다. img 태그의 src url에 마우스를 올리면 이미지도 나타납니다. 제대..
씸포레스트에서 테마를 구매하는 방법을 알아보겠습니다. 웹브라우저로 http://themeforest.net/에 들어가면 미국의 대표적인 테마 사이트 중 하나인 씸포레스트로 이동합니다. 씸포레스트에서는 고가의 테마가 아닌 보통 수준의 가격에 테마를 판매하고 있습니다. 씸포레스트는 워드프레스뿐 아니라 각종 템플릿을 대부분 저렴한 판매하는 것으로 유명한 템플릿 사이트입니다. 메뉴에서 워드프레스를 클릭하면 블로그의 성격별로 분류돼 있어 선택하기 편리합니다. http://themeforest.net/ 우선 계정을 만들어야 구매할 수 있으므로 위 링크로 접속해서 화면의 우측 상단에서 Create Account를 클릭합니다. 이미 계정이 있는 경우 Sign In을 클릭합니다. 다음 화면에서 우측의 입력란에 각종 정보..
YITH(Your Inspiration Theme)에서 계속해서 우커머스용 프리미엄 테마를 개발해 출시하고 있네요. 이전과 같이 무료 버전을 내려받을 수 있습니다. http://yithemes.com/themes/wordpress/the-jewelry-shop/?ap_id=list-theme-jewelry Live Demo 버튼을 클릭해서 테마의 모양을 볼 수 있고 다운로드 버튼을 클릭해서 무료 버전을 내려받을 수 있습니다. 상점 페이지입니다. 상세 페이지입니다. 테마 옵션 설정 페이지입니다. 이 테마는 구글 웹폰트인 Sacramento를 사용하고 있습니다. 그래서 웹폰트 링크만 걸어주면 됩니다. 플러그인 설치하기 화면에서 Google Fonts로 검색해서 WP Google Fonts 플러그인을 설치합니..
워드프레스와 우커머스 플러그인을 사용해서 쇼핑몰을 만들 경우 우커머스 전용 테마 뿐만 아니라 모든 테마를 사용할 수 있습니다. 우커머스 플러그인을 설치하고 활성화하면 관리자 화면 상단에 아래와 같은 메시지 박스가 2개 나타납니다. 하나는 우커머스 상점을 위한 여러 가지 페이지를 만드는 버튼이 있고 하나는 사용 중인 테마의 페이지 템플릿에 우커머스에 사용되는 페이지를 만드는 버튼입니다. 첫번째 버튼을 클릭하면 우커머스에 의해 단축코드가 삽입된 페이지가 만들어지지만 이들 페이지를 사이트에 나타내기 위해서는 두번째 버튼을 클릭해서 가이드를 참고해야 합니다. 테마 결합 가이드는 두 가지 방법을 소개하고 있는데 책에서는 첫 번째 방법을 이용해 우커머스용 페이지 템플릿을 만들었습니다. 책을 보지 않는 분들을 위해 ..
어제 독자분이 우커머스 쇼핑몰 상세 페이지의 리뷰 란에 이미지를 올릴 수 있는 방법이 있을까 문의를 하셔서 구글링을 해봤더니 이런 아이디어를 낸 분이 있더군요. 또 어떤 분은 리뷰가 아닌 댓글 시스템을 추가할 수 있는 방법이 있는지에 관한 내용도 구글에 있었으며 해결 방법도 있었습니다. 사람들의 생각은 참 여러 가지입니다. 뭔가 아이디어를 내면 누군가 해결하고 구글은 이런 모든 정보의 산실이죠. 사실 "워드프레스 쇼핑몰 만들기"라는 책도 구글링 반, 제 아이디어 반의 결과물이라 해도 과언이 아닙니다. 그러니 영어 잘 하고 검색 능력만 있으면 웹 개발은 쉽다는 얘기가 됩니다. 해결 방법은 디스커스(Disqus)라는 댓글 시스템을 이용하는 것입니다. 디스커스 댓글 시스템은 전세계적으로 가장 많이 쓰이는 댓글..
YITH(Your Inspiration Themes)에서 새로운 우커머스용 테마를 출시했는데 무료 버전용을 내놓았습니다. Petshopper로 애완동물용품 전용 쇼핑몰용 테마입니다. 워드프레스 테마는 상당히 다양한 테마가 있으며 사이트의 성격에 따라서 선택해 사용할 수 있을 정도로 다양합니다. 무료 버전 내려받기 및 데모 사이트 확인 홈페이지 화면입니다. 상세 페이지 입니다. 테마 설정 화면에서 다양한 설정을 할 수 있습니다. 프리미엄 버전과는 다릅니다.
지난 11월 8일 워드프레스 쇼핑몰 만들기 책이 출간됐는데 이 책은 워드프레스로 웹사이트를 만들거나 스타일시트를 다룰줄 아는 분을 대상으로 만들어졌습니다. 그런데 예상치 못하게 워드프레스를 처음 접하는 많은 분들이 쇼핑몰 만들기를 위해 이 책을 구입하고 있습니다. 그래서 워드프레스 초보이면서 프로그래밍 언어를 전혀 몰라도 쇼핑몰을 만들 수 있도록 책을 새로 내기로 출판사와 협의했습니다. 이전 책은 워드프레스 일반 무료 테마를 사용해서 각종 코드 조각이나 단축 코드를 이용해 쇼핑몰의 각종 기능을 추가했는데 코드에 익숙하지 않은 분들이 아주 어려워하고 있습니다. 그래서 유료 테마를 사용해서 다른 코드를 입력하지 않고도 멋진 쇼핑몰을 만들 수 있도록 할 것입니다. 유료 테마는 한번 마스터하고 나면 대부분 비슷..
우커머스 2.1 베타 버전이 9개월간의 개발을 거쳐 11월 25일 발표됐습니다. 한글 번역을 1차 완료해서 파일에 포함했습니다. 우커머스 관련 플러그인 개발자분들은 참고하세요. 우커머스 2.1 버전은 워드프레스 3.8 버전에 최적화돼있습니다. 워드프레스 3.8 버전의 주 변경 내용은 관리자 화면의 레이아웃인데 우커머스 2.1을 다른 버전에 설치하면 어긋나는 곳이 나타납니다. 그러니 워드프레스 3.8 버전에서 설치하고 실험하세요. 워드프레스 3.8 한글버전 RC는 이곳에서 내려받을 수 있습니다. 워드프레스 3.7버전에서 사용하고자 하는 경우 MP6 플러그인을 설치하면 됩니다. 하지만 되도록이면 3.8에서 실험하세요. 설치하고 활성화 하면 위 메인화면이 나타납니다. 바뀐 부분을 확인할 수 있습니다. 플러그인..
최근에 yith(Your Inspirations Theme)에서 만든 우커머스용 테마를 2종 소개 해드렸는데 오늘 뉴스레터로 새로운 우커머스용 쇼핑몰 테마가 나왔다는 메일이 왔습니다. 살펴보니 이전 테마와 내용은 비슷하고 상점 페이지의 기능만 약간 다릅니다. http://yithemes.com/themes/wordpress/panthea-multi-purpose-e-commerce-theme/ DOWNLOAD 버튼을 클릭해서 내려받아 테마를 설치합니다. 이전 테마처럼 이미지 설정을 해줘야 합니다. 상점 페이지에서 상품 아이템에 마우스를 올리면 옵션 선택 링크와 평가가 나타납니다. 상점 상세페이지는 탭 부분이 좌측에 배치돼있습니다.
워드프레스 쇼핑몰 우커머스용 무료 결제 플러그인인 WooCommerce Paygate JT 사용시 주의사항입니다. 버전이 업그레이드 되면서 설정 탭이 하나 더 만들어졌습니다. 우커머스-->설정-->Paygate JT 탭에서 우편번호 검색에 반드시 체크돼 있어야 합니다. 설치를 하면 기본으로 체크돼 있는 것인데 이것을 체크 해제하면 결제 화면에서 주소 입력 부분이 나타나지 않습니다. 아래처럼 이메일과 전화번호만 나타납니다. 이전 버전보다 향상된 부분은 위처럼 우편번호 선택박스를 클릭하고 동 이름을 입력하면 해당 검색어로된 주소가 나타납니다. 원하는 주소를 클릭하면 자동으로 입력됩니다. 다음은 플러그인 개발자님의 추가 내용입니다. 현재 플러그인에서 몇가지 버그사항이 있어 버젼업을 진행해야 하는데 업무가 밀려..
우커머스용 무료 테마 중 사용자 정의 할 수 있는 부분이 가장 많은 테마로 생각됩니다. 애플 홈페이지 스타일의 두 가지 스킨을 제공합니다. http://splashingpixels.com/themes/mio/ 링크로 이동해서 데모를 확인하고 다운로드 버튼을 클릭해서 내려받을 수 있습니다. 같은 페이지의 하단에 있는 이 테마의 기능입니다. 어두운 색상의 스킨입니다. 상세 페이지는 일반적인 테마와는 다르게 상품 이미지가 우측에 있고 사이드바가 없습니다. 밝은 스타일의 스킨입니다. 테마를 활성화 하면 두 가지 메뉴가 추가됩니다. Mio에서는 일반 설정과 스킨 설정, 우커머스 설정을 할 수 있고 포트폴리오 메뉴에서 포트폴리오 아이템을 설정할 수 있습니다. 우커머스 설정 부분입니다. 상점 페이지에 나타날 상품 수..
워드프레스 쇼핑몰 만들기 책에서 추천했던 테마 회사인 YITH(Your Inspiration Themes)에서 만든 테마 2종을 소개합니다. 무료 버전인 만큼 프리미엄 버전의 기능을 축소해서 테마의 기본적인 기능만 있습니다. http://yithemes.com/ 위 링크로 이동하면 아래의 화면이 나옵니다. 목록 상단에 최근에 개발된 테마가 있습니다. 둘다 쇼핑몰용 테마이며 View demo 버튼을 클릭하면 프리미엄 버전의 테마를 확인할 수 있습니다. 프리버전은 데모 화면과 달리 슬라이더 기능이 없습니다. 테마 설정화면은 위처럼 여러 가지를 설정할 수 있습니다. Boemia의 상점 페이지입니다. Socute의 상점 페이지 화면입니다. 상품 아이템에 마우스를 올리면 확장됩니다. 테마 설정에서 일반 모드로 설..
워드프레스 쇼핑몰 만들기 책에서는 부트스트랩 스킨의 제이쿼리 플러그인을 사용해서 배송일자를 추가하는 방법이 있었는데 아래의 플러그인은 워드프레스 플러그인으로 영문 버전을 한글 버전으로 전환했습니다. 원본 사이트는 아래의 링크입니다. http://wordpress.org/plugins/order-delivery-date-for-woocommerce/installation/ Order Delivery Date for Woocommerce워드프레스 관리자 화면의 플러그인 추가하기에서 위 검색어로 검색해서 설치해도 됩니다. 다만 영문 버전은 날짜 형식이 다르게 나오고 요일이 영문으로 나와서 한글 형식으로 수정했습니다. 결제화면에서 청구주소 정보 입력 하단에 나타납니다. 결제하고 나면 주문 페이지에서 사용자 정의..
우커머스에 적합한 무료 테마에 대해 알아보겠습니다. 사용법에 대해서는 테마별로 다르므로 직접 사용해봐야 합니다. 1. Virtue 이 테마는 트위터 부트스트랩 프레임워크 기반의 우커머스용 무료 테마입니다. 무료 테마에 보기 드물게 사용자 정의 화면에서 여러 가지 설정을 할 수 있어서 거의 유료 테마에 가깝습니다. 워드프레스 테마 설치화면에서 검색해서 설치할 수 있습니다. http://www.kadencethemes.com/product/virtue-free-theme/ 링크로 이동해서 데모를 확인하세요. 이곳에서도 프리 버전을 내려받을 수도 있습니다. 설치하고 나면 테마 옵션에서 여러 가지 설정을 할 수 있습니다. 영어로 돼있더라도 이런 테마 옵션 화면을 몇번 다뤄 본 분이라면 쉽게 사용자 정의해서 사용..