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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

워드프레스 쇼핑몰 만들기 책을 지난 4월에 출간하기로 하고 이제서야 마무리 됐습니다. 오늘 최종 교정을 마무리하고 내일부터 인쇄에 들어갈 예정입니다. 책표지도 나왔습니다.


카드 결제 테스트 사이트 --> http://martian36.tistory.com/1267



내일부터 인터넷 서점에 예약판매를 할 예정입니다. 서점에 나올 시기는 11월 5일로 예상하고 있습니다.


인터넷 서점


Yes24


반디앤루니스


인터파크 도서


알라딘


교보문고 인터넷 서점


지마켓


옥션


강컴닷컴


도서 11번가



책의 내용을 살펴보면 다음과 같습니다.


-책 소개-


워드프레스는 워드프레스 자체보다 더 복잡하고 용량이 큰 쇼핑몰 플러그인을 수용할 수 있는 강력한 CMS 중 하나입니다. 워드프레스를 설치하고 나면 별 기능이 없어 보입니다. 처음 게시판 프로그램으로 시작한 프로그램이 플러그인을 통해 어떤 기능이라도 추가할 수 있을 정도로 발전했습니다. 워드프레스에 복잡하고 용량이 큰 플러그인이 추가되면 동작하는 데 문제가 있을 것 같지만 전혀 그렇지 않습니다. 워드프레스는 단지 추가 기능을 수용하기 위한 도구라고 생각하면 됩니다. 어느 정도 체계가 갖춰진 쇼핑몰을 만들기 위해 40여 개의 플러그인을 설치했는데도 무리 없이 작동합니다. 그만큼 워드프레스 코어 시스템의 구조가 훌륭하다는 것이죠. 워드프레스가 단순히 블로그를 만드는 프로그램에 불과하다는 생각은 이제 지워야 합니다.


이 책에서는 워드프레스 쇼핑몰 플러그인 가운데 전 세계적으로 가장 인기 있는 우커머스를 사용해 쇼핑몰을 만듭니다. 이 플러그인은 출시된 지 2년 정도 됐지만 그 이전에 인기리에 사용됐던 WP e-Commerce에 비해 사용자가 급증하는 추세입니다. 기능이나 성능, 사용성 면에서 우월하기 때문이죠. 워드프레스로 쇼핑몰 만들기 책을 구상하면서 몇 가지 플러그인의 한글화 작업을 진행했는데 사용해보지 않고 번역만 하는데도 국내 실정에 맞는 프로그램이라는 것을 직감했습니다.


우커머스의 인기는 세계 최대의 테마 판매 사이트인 씸포레스트(Theme Forest)의 이커머스 전용 테마를 보면 알 수 있습니다. 출시된 지 8년이 넘은 WP e-Commerce는 전용 테마가 10여 개에 불과하지만 우커머스 전용 테마는 120개를 넘고 있고 지금도 계속 추가되고 있습니다. 어떤 테마는 소장하고 싶을 정도로 기능도 좋고 디자인이 아주 훌륭합니다. 


워드프레스 쇼핑몰 만들기에서 가장 문제가 되는 것이 결제 플러그인이었습니다. 이 책을 내기로 구상하고 보니 이 부분이 해결되지 않으면 책을 내도 별 소용이 없을 정도로 국내 실정에 맞는 신용카드 결제 플러그인이 절실했습니다. 그래서 우커머스 제작사에 의뢰했더니 이전에 국내에서 한 사용자가 신용카드 결제 플러그인 제작 의뢰를 했었는데, 투표 수가 하나밖에 없어서 거절됐다고 하더군요. 이것은 우커머스가 그만큼 국내에서는 잘 알려지지 않았기 때문이겠지만 국내에서 워드프레스로 쇼핑몰을 만들기는 어렵다는 인식도 상당히 작용했던 것 같습니다.


하지만 이제는 국내에서 온라인 쇼핑몰 만들기가 쉬워졌습니다. 가장 문제가 됐던 결제 플러그인이 개발됐기 때문이죠(http://www.planet8.co). 현재 국내에서 두가지 플러그인이 개발됐는데 하나는 플래닛에잇에서 개발한 유료 플러그인으로 지금은 LG U+만 지원하지만 페이게이트용이 실험적으로 사용이 가능하고 곧 패키지화할 것이며, 이니시스용도 추가될 예정이라고 합니다. 현재 판매 중인 결제 플러그인은 디자인만 수정하면 어떤 테마든 사용할 수 있습니다. 스튜디오 제이티( http://studio-jt.co.kr/ )에서 개발한 페이게이트용 플러그인은 무료로 사용할 수 있으며( http://wordpress.org/plugins/woocommerce-paygate-jt/installation/ ) 해외 사용자를 위한 결제 기능도 있습니다. 어떤 플러그인을 사용하든 결제사의 가맹이 필요하고 가맹비가 추가됩니다.




워드프레스 쇼핑몰 만들기 각 장별 내용

1장--

1. 워드프레스 쇼핑몰

워드프레스로 쇼핑몰을 만들면 어떤 점이 유리한지 알아보고 테마 선택 방법과 워드프레스와 우커머스의 개발
중인 버전에 대해 알아봅니다.

2. 워드프레스와 우커머스 설치하기

웹서버 환경을 만들고 워드프레스와 우커머스를 설치해 기본 쇼핑몰을 만들기 위한 준비 과정을 진행합니다.

3. 플러그인 설치 및 기본 쇼핑몰 만들기

본격적인 우커머스 사용법을 알아보기에 앞서 쇼핑몰을 제작할 때 기본적으로 알아야 할 폰트 변경 방법 및 자
식 테마 만들기를 설명하고 몇 가지 위젯과 플러그인을 설치한 다음 사용자 정의 메뉴를 만듭니다.

4. 우커머스 설정

프로그램을 본격적으로 알아보기에 앞서 설정 방법을 알아둘 필요가 있습니다. 우커머스의 여러 가지 기본 설정
방법을 알아봅니다.

5 상품 추가하기

우커머스에서 지원하는 단순 상품, 다운로드 가능 상품, 가상 상품, 옵션 상품, 그룹 상품, 외부/연계 상품 등 각
종 상품 형태별로 상품을 추가하는 방법을 알아봅니다.

6. 주문 페이지

고객의 주문이 발생하면 주문 페이지에서 모든 관리가 진행됩니다. 결제 여부에 따라 완료 단계로 진행하기도
하고 주문 취소 또는 주문 재생성이 가능합니다.

7. 쿠폰 사용하기와 보고서

기본 고객과 신규 고객의 유치를 위해 할인 행사를 하거나 무료 배송을 위해 쿠폰을 발행하고 사용하는 방법을
알아봅니다. 또한 우커머스의 보고서는 모든 영역에서 체계적인 통계를 잘 파악 할 수 있게 정리돼 있습니다 .

8. 플러그인과 함수 사용하기

우커머스는 출시된 지 2년 정도지만 관련 플러그인이 많이 개발됐습니다. 몇 가지 무료 플러그인 사용법을 알아
봅니다. 또한 함수를 사용해 상세 페이지의 탭을 변경하는 방법을 알아봅니다.


2장--

1. Twenty Twelve 테마 수정

1장에서 사용한 Twenty Twelve 테마에 메이슨리와 무한 스크롤 플러그인을 적용하는 방법을 알아봅니다.

2. ipin 테마 사용

2장에서 사용할 ipin 테마를 이용해 자식테마를 만들고 기본적인 레이아웃과 썸네일 재생성, 우커머스를 위한
페이지 재설정 등 앞으로 진행하는 데 필요한 준비 작업을 진행합니다.

3. 우커머스 템플릿 구조

우커머스는 별도의 스타일시트를 사용하고 있어서 어떤 테마든 설치하고 나면 충돌이 일어납니다. 테마에 우커
머스 템플릿 파일을 추가하고 테마에 어울리게 스타일시트를 수정하는 방법을 파악하기 위해 우커머스의 템플
릿 구조를 분석합니다.

4. 상세 페이지 수정

우커머스의 템플릿 파일은 상점에 필요한 각종 페이지를 표시하는데, 특히 상세 페이지가 중요합니다. 템플릿
파일의 여러 곳을 수정해 테마와 어울리도록 수정하는 방법을 알아봅니다.

5. 장바구니 및 결제 페이지 수정

상점과 관련된 기타 페이지들을 수정합니다. 상점과 상세 페이지와는 달리 테마의 템플릿 파일을 사용하므로 별
도의 템플릿 파일을 만들어 모든 레이아웃을 일치시킵니다. 여기에는 장바구니, 결제 페이지, 주소 편집 페이지
가 포함되고, 특히 결제 페이지에서는 주소 입력상자의 수를 늘려 주소를 여러 개 입력할 수 있게 합니다.

6. 블로그 페이지 수정

쇼핑몰에서도 블로그를 운영하면 사이트가 검색엔진에 노출되므로 고객 유입 효과가 큽니다. 블로그를 주기적
으로 운영할 수 있게 페이지를 수정하는 방법을 알아봅니다.

7. 초기 화면 만들기

사이트에서 초기 화면은 아주 중요한 역할을 합니다. 관문 역할을 하므로 갖가지 다양한 상품을 슬라이더를 통
해 노출할 수 있게 제이쿼리 플러그인을 이용해 카테고리 상품을 나열하게 합니다.

8. 워드프레스 플러그인 만들기 및 위젯화

초기 화면에서 만든 플러그인을 워드프레스 플러그인으로 만들고 이를 위젯으로 만드는 방법을 알아봅니다. 위
젯을 만들면 사이트에서 어느 곳에든 손쉽게 배치할 수 있으며, 플러그인이 되므로 다른 사이트에서도 사용할
수 있습니다.

9. 기타 페이지, 푸터 만들기

고객 질문 페이지와 찾아오는 길 페이지를 만들고 푸터에는 사이트맵 역할을 할 수 있게 다양한 메뉴를 등록해
서 사용할 수 있게 합니다.

10. 인터넷 익스플로러 스타일시트 수정

인터넷 익스플로러는 사용 비중이 줄어들기는 하지만 국내에서는 아직까지 비중이 높아서 미디어쿼리나 CSS3
를 지원하지 않는 IE8 이하 버전을 위한 스타일시트도 만들어야 합니다.


3장--

1. 상세 페이지 옵션 추가하기

상세 페이지의 옵션 부분은 상품에 대한 여러 가지 정보가 필요합니다. 여기서는 Advanced custom fields 플러
그인을 사용해 간편하게 옵션을 만드는 방법을 알아봅니다.

2. 상품 카테고리 메뉴 사용하기

사용자 정의 메뉴를 사용해 카테고리 메뉴를 만드는 방법을 알아봅니다.

3. 이미지 그림자효과 수정하기

CSS3가 처음 나왔을 때는 CSS3의 다양한 기능들이 실험되곤 했지만 모바일 기기가 널리 사용되면서 빠른 속도
에 대한 필요성이 증대되어 그레이디언트라든가 둥근 모서리, 그림자효과 등 CSS3의 미적 효과를 잘 사용하지
않게 됐습니다. 그래서 기존에 있던 이러한 스타일을 수정해 봅니다.

4. 로그인/회원가입 버튼 만들기

헤더에 버튼을 만들어 빠르게 접근할 수 있게 합니다.

5. 소셜 로그인 사용하기

요즘은 누구든지 소셜 아이디는 하나씩 갖고 있습니다. 소셜 아이디를 이용해 간편하게 사이트에 등록하는 방법
을 알아봅니다.

6. 떠다니는 배너 설치하기

페이지를 스크롤하면 함께 따라다니는 배너를 만들고 이곳에 최근 본 상품 목록을 만들어봅니다.

7. 상품 상세 페이지에 고정 콘텐츠 삽입하기

상세 페이지 하단에는 고정적인 콘텐츠를 배치할 수 있게 합니다.

8. 상점 페이지 수정하기

상점 페이지에 가격 필터 위젯을 설치하고 선택박스의 디자인을 멋지게 바꾸는 방법을 알아봅니다.

9. 장바구니 버튼 수정하기

장바구니 버튼을 수정하고 위시리스트 버튼을 배치하거나 바로 구매 버튼으로 변경하는 방법을 알아봅니다.

10. 이메일 템플릿 편집하기

이메일은 고객과 대화할 수 있는 좋은 수단입니다. 폰트를 변경하거나 레이아웃을 변경하는 방법으로 투박한 디
자인을 세련되게 바꾸는 방법을 알아봅니다.

11. 비비프레스를 이용한 Q&A 게시판 만들기

워드프레스 게시판 플러그인인 비비프레스를 이용해 Q&A 게시판을 만드는 방법을 알아봅니다.

12. 메뉴바 수정하기, 메가 메뉴 만들기

메뉴가 늘어나면서 필요없는 요소를 제거하거나 많은 메뉴를 배치할 수 있는 메가메뉴를 만드는 방법을 알아봅
니다.

13. 로컬호스트에서 웹호스트로 워드프레스 이전하기

내 컴퓨터에서 작업한 워드프레스의 모든 내용을 그대로 웹호스팅에 올리는 방법을 알아봅니다.



목차--

[1장] 워드프레스 쇼핑몰 만들기

▣ 01: 워드프레스 쇼핑몰

워드프레스로 쇼핑몰을 만드는 이유
워드프레스 쇼핑몰 플러그인
우커머스를 쇼핑몰 플러그인으로 선택한 이유
우커머스 테마
테마의 선택
워드프레스와 우커머스의 새 버전
이 책을 진행하는 데 필요한 사항

▣ 02: 워드프레스와 우커머스 설치

웹 서버 환경 만들기
워드프레스 설치
우커머스 설치 및 필요 플러그인 설치
상품 샘플 파일 가져오기
테마 변경

▣ 03: 플러그인 설치 및 기본 쇼핑몰 만들기

구글 폰트 사용하기
자식 테마 만들기
위젯 사용하기
상품 가격 일괄 편집
스키터 슬라이더 사용하기
메뉴 설정

▣ 04: 우커머스 설정

일반 탭
카탈로그 탭
페이지 탭
저장소 탭
세금 탭
배송 탭
지불 게이트웨이 탭
이메일 탭
결합(Integration)

▣ 05: 상품 추가

상품 목록 페이지
단순 상품 추가
다운로드 가능한 상품 추가
가상 상품
옵션 상품
그룹 상품
외부/연계 상품
CSV 파일로 상품 추가하기
상품 카테고리

▣ 06: 주문 페이지

주문 관리 페이지
주문 편집 페이지
▣ 07: 쿠폰 사용과 보고서

쿠폰 사용
보고서

▣ 08: 플러그인과 함수 사용

YITH 플러그인
위시리스트
우커머스 선물 포장 옵션
새 상품 배지
우커머스 장바구니 메뉴
사용자 정의 탭
탭 순서 바꾸기
관련 상품을 탭으로 이동하기


[2장] 쇼핑몰 디자인

▣ 01: Twenty Twelve 테마 수정

제이슨리와 무한 스크롤 플러그인 적용
상단 이동 버튼 추가하기
regenerate-thumbnails 플러그인으로
이미지 파일 재생성

▣ 02: ipin 테마 사용하기

ipin-child 자식테마 만들기
상점 페이지 레이아웃 만들기
테마 교체와 상품 페이지 수정
상품 상세 페이지 레이아웃 변경

▣ 03: 우커머스  템플릿 구조

상점 페이지 템플릿 구조
상세 페이지 템플릿 구조
▣ 04: 상세 페이지 수정

상품 이미지 영역 수정
옵션 영역 수정
검색 박스 수정
탭 수정
폰트 어썸 아이콘 사용하기
사이드바 위젯 등록
메뉴바 수정
툴바와 상점 공지 부분 수정

▣ 05: 장바구니 및 결제 페이지 수정

장바구니 페이지 수정
결제 페이지 수정
내 주소 편집 페이지 수정
결제 플러그인 사용 시 수정하기

▣ 06: 블로그 페이지 수정

더미 콘텐츠 플러그인 사용하기
댓글 수 변경

▣ 07: 초기 화면 만들기

front-page.php 파일 만들기
패럴랙스 콘텐츠 슬라이더 사용하기
캐러젤 콘텐츠 슬라이더 사용하기
bx-slider 슬라이더 플러그인 사용하기 
우커머스 위젯에 bx-slider 사용하기

▣ 08: 워드프레스 플러그인 만들기 및 위젯화

워드프레스 플러그인 만들기
위젯 만들기
슬라이더 위젯을 사이드바에 배치하기
플러그인 패키지 만들기
캐러젤 슬라이더의 외부 플러그인

▣ 09: 기타 페이지, 푸터 만들기

고객 1:1 질문 페이지, 찾아오는 길 페이지 만들기
푸터 만들기

▣ 10: 인터넷 익스플로러 스타일시트 수정

전면 페이지
상세 페이지

[3장] 디테일

▣ 01: 상세 페이지 옵션 추가하기

고급 사용자 정의 필드 플러그인 사용하기
사용자 정의 필드 만들기
옵션 데이터 불러오기
필드그룹 내보내기

▣ 02: 상품 카테고리 메뉴 사용하기

▣ 03: 이미지 그림자효과 수정하기

▣ 04: 로그인/회원가입 버튼 만들기

▣ 05: 소셜 로그인 사용하기

▣ 06: 떠다니는 배너 설치하기

▣ 07: 상품 상세 페이지에 고정 콘텐츠 삽입하기

▣ 08: 상점 페이지 수정하기

알림메시지 박스 만들기
드롭다운 선택박스의 디자인 변경하기
가격필터 추가하기

▣ 09: 장바구니 버튼 수정하기

▣ 10: 장바구니 버튼과 위시리스트 버튼 나란히 배치하기

▣ 11: 장바구니 버튼을 바로구매 버튼으로 변경하기

▣ 12: 상세 페이지 하단에 다음상품, 이전상품 표시하기

▣ 13: 그룹상품 스타일 수정

▣ 14: 이메일 템플릿 편집하기

▣ 15: 비비프레스를 이용한 Q&A 게시판 만들기

▣ 16: 메뉴바 수정하기

▣ 17: 메가 메뉴 만들기

두 개의 헤더 사용하기
두 개의 헤더 메뉴, 카테고리 메뉴 등록하기
메뉴의 배치
레이아웃 수정
제이쿼리 스크립트 만들기
서브메뉴 배치
메가 메뉴에 슬라이더 추가하기

▣ 18: 로컬호스트에서 웹호스트로 워드프레스 이전하기

데이터베이스 파일 백업하기
Search Replace DB 프로그램 내려받기
워드프레스 전체 파일 업로드 및 파일 편집하기
데이터베이스 파일 업로드하기
데이터베이스 파일 수정하기
내 컴퓨터에서 실험하기