워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

워드프레스로 쇼핑몰 만들기를 지난 4월에 공지한지 수개월이 지나서 이제 거의 완료단계에 이르렀습니다. 이 공지 글의 의미는 글을 보고 개발자분들이 카드 결제를 위한 결제 게이트웨이 플러그인을 개발하고자 한다면 저와 연락을 해주십사 하는 의미였죠. 기다리다가 7월에 와서야 개발회사에서 연락이 와서 서로 합의하에 어떻게 진행해야할지 연구에 들어갔습니다. 






그간 여러가지 워드프레스 쇼핑몰 플러그인을 접해보고 한글화 작업을 하면서 가장 뛰어난 것이 우커머스였죠. 그 이전에는 여러가지 플러그인이 있었지만 그리 마음에 들지 않았습니다. 이것이 우리나라의 환경에 맞는 것인지, 맞지 않는다면 어떻게든 변형해서 맞출 수 있는 것인지가 가장 큰 문제였고 번역을 하고 사용해보니 그런대로 여러가지 기능이 우리나라의 실정에 맞는 것이 우커머스였습니다. 쇼핑몰에 맞는 디자인으로 테마를 수정하면서 우커머스의 기능을 살펴보니 완벽하지는 않더라도 우커머스에서 지원하는 각종 코드를 사용해보니 php 개발자가 아니더라도 쇼핑몰 구축에는 이상이 없었습니다. 



이 책의 2장부터는 무료테마인 ipin 테마를 이용해서 쇼핑몰 디자인하는 방법을 소개합니다. 특히 제이쿼리 콘텐츠 슬라이더 플러그인을 이용해서 상품의 데이터를 출력하는 플러그인을 만들어서 전 상품을 여러가지 슬라이더로 표시할 수 있도록 했습니다. 이러한 상품 콘텐츠 슬라이더는 대부분이 유료죠. 



상품 페이지는 메이슨리 플러그인을 사용해서 상품 이미지의 높이가 다르더라도 적절한 레이아웃이 되도록 했습니다. 특히 유료 플러그인으로 가능한 메가메뉴를 제이쿼리와 스타일시트로 구현할 수 있도록 했습니다. 메가메뉴에는 제이쿼리 플러그인으로 만든 슬라이더를 배치할 수 있습니다.



상품은 단순상품, 그룹상품, 옵션상품등 다양한 상품의 표현이 자유롭습니다. 더구나 코드를 추가하면 무이자 할부, 원산지 등 추가옵션을 간단하게 추가할 수 있습니다.



결제 페이지는 주소 입력란이 우리나라의 실정에 맞게 수정할 수 있도록 했습니다. 외국의 경우 성과 이름의 위치가 반대죠. 주소도 반대고 더구나 시/도, 구/군과 같은 세부 주소 입력란이 없는데 이를 마음대로 수정할 수 있도록 했습니다. 원하는 배송일자도 추가하고 날짜를 클릭해서 달력에서 선택할 수 있습니다.


이밖에 우리나라의 쇼핑몰 기준에 가깝도록 많은 수정을 했으며 아래의 데모 사이트를 참고하세요.


http://kopress.org


현재 카드 결제 플러그인은 개발회사에서 패키지화하고 있으며 10월 중 판매 예정이라고 합니다. 그에 맞춰서 책은 이번주에 교정이 시작돼서 다음달 중순이면 만나볼 수 있을 것입니다. 쇼핑몰 뿐만 아니라 다양한 사이트를 만드는데도 도움이 될 것입니다.



댓글 (20)

댓글 목록