워드프레스 쇼핑몰 만들기

[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 프로그램 내려받기
워드프레스 전체 파일 업로드 및 파일 편집하기
데이터베이스 파일 업로드하기
데이터베이스 파일 수정하기
내 컴퓨터에서 실험하기

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

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

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

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

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