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에서 실험하세요. 설치하고 활성화 하면 위 메인화면이 나타납니다. 바뀐 부분을 확인할 수 있습니다. 플러그인..
워드프레스 쇼핑몰 우커머스용 무료 결제 플러그인인 WooCommerce Paygate JT 사용시 주의사항입니다. 버전이 업그레이드 되면서 설정 탭이 하나 더 만들어졌습니다. 우커머스-->설정-->Paygate JT 탭에서 우편번호 검색에 반드시 체크돼 있어야 합니다. 설치를 하면 기본으로 체크돼 있는 것인데 이것을 체크 해제하면 결제 화면에서 주소 입력 부분이 나타나지 않습니다. 아래처럼 이메일과 전화번호만 나타납니다. 이전 버전보다 향상된 부분은 위처럼 우편번호 선택박스를 클릭하고 동 이름을 입력하면 해당 검색어로된 주소가 나타납니다. 원하는 주소를 클릭하면 자동으로 입력됩니다. 다음은 플러그인 개발자님의 추가 내용입니다. 현재 플러그인에서 몇가지 버그사항이 있어 버젼업을 진행해야 하는데 업무가 밀려..
* 2017년 1월 현재 엑심베이는 워드프레스 쇼핑몰 사이트에 대해 결제 서비스를 지원하지 않는다고 합니다. 기존 가입자는 그대로 사용 가능합니다. 싱가폴에 본사를 두고 있는 엑심베이의 신용카드 결제 플러그인을 소개합니다. 비자 및 마스터 카드 해외 사용자의 결제에 사용되므로 해외를 대상으로한 쇼핑몰에 적당하겠습니다. 물론 국내 제휴 비자카드나 마스터 카드도 대상이 되며 국내 은행 고유의 신용카드나 일반 카드는 제외됩니다. 결제 플러그인은 무료이며 가맹비가 저렴합니다. 이번 글에서는 로컬호스트에서 플러그인을 설치하고 테스트 결제까지 진행해보겠습니다. 기타 자세한 내용은 홈페이지를 참고하세요. https://www.eximbay.com/index.do 플러그인을 설치하기 위해 홈페이지에서 서비스 지원-->..
우커머스용 무료 테마 중 사용자 정의 할 수 있는 부분이 가장 많은 테마로 생각됩니다. 애플 홈페이지 스타일의 두 가지 스킨을 제공합니다. 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/ 링크로 이동해서 데모를 확인하세요. 이곳에서도 프리 버전을 내려받을 수도 있습니다. 설치하고 나면 테마 옵션에서 여러 가지 설정을 할 수 있습니다. 영어로 돼있더라도 이런 테마 옵션 화면을 몇번 다뤄 본 분이라면 쉽게 사용자 정의해서 사용..
우커머스(WooCommerce) 한글 언어 파일을 플러그인 개발자에게 요청해서 플러그인에 포함시키도록 했습니다. 우커머스를 새로 설치하는 경우 이제부터는 한글 언어파일을 별도로 설치하지 않아도 됩니다. 워드프레스 쇼핑몰 만들기 책에서 사용하지 않은 플러그인에 대해 알아보겠습니다. 1. WooCommerce Order Notes Window(우커머스 주문 메모 윈도우) 이 플러그인은 주문 메모를 주문 목록 페이지에서 바로 확인할 수 있는 기능을 합니다. 보통은 주문 목록 페이지에서 주문 메모 아이콘을 클릭하면 주문 관리 페이지로 들어가서 확인해야 하죠. 위 제목의 검색어로 플러그인 추가하기 화면에서 검색해서 설치합니다. 별도의 설정 절차 없이 바로 사용이 가능합니다. 주문 목록 페이지에서 주문 메모 아이콘..
워드프레스 쇼핑몰 만들기 책을 만들면서 우커머스 플러그인을 사용했는데 작년에 번역한 것은 우커머스를 사용해보지 않은 상태에서 번역했기 때문에 오류가 많았습니다. 우커머스가 2.0으로 업그레이드 되면서 번역 파일이 두 개로 나눠졌습니다. 이것은 워드프레스 번역 파일과 마찬가지로 번역 텍스트가 많아지면서 필요한 파일을 사용할 때 사용되는 메모리를 줄이기 위해서입니다. 두 개의 파일 중 하나는 프론트 페이지에 사용되고 하나는 관리자 페이지에 사용됩니다. 사이트에 사용되는 번역에 관리자 페이지용 번역 텍스트가 필요 없기 때문이죠. 번역 텍스트가 많아지면 이런 방식을 취합니다. 책을 만들면서 세심하게 번역을 수정한 것이므로 사용하는데는 문제가 없겠지만 원하는 단어로 수정하고자 하면 Poedit을 사용하면 됩니다...
워드프레스 쇼핑몰 만들기 서적으로 만들어진 데모 사이트는 카드 결제 플러그인 개발사인 플래닛 에잇(http://www.planet8.co/)에서 제공한 사이트로 카드 결제를 테스트 해볼 수 있습니다. 궁금하신 분들을 위해 실제로 결제가 되는지 실험해 볼 수 있으며 테스트 사이트이므로 자금 결제는 이루어지지 않으나 실제와 동일하게 이메일까지 통지 됩니다. 4개의 웹브라우저(IE, 크롬, 사파리, 파이어폭스)에서 실험해봤는데 잘 됩니다. http://www.qustreet.com/test2/ 상세 페이지에서 장바구니 버튼을 클릭하면 결제 페이지로 바로 이동합니다. 개인 정보를 입력하고 우편 번호 찾기 버튼을 클릭하면 우편 번호 검색 창이 나타납니다. 우편번호를 클릭하면 주소 1에 주소가 자동으로 추가되며 주..
