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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

"DIY! 워드프레스 쇼핑몰 - 프리미엄 테마로 만드는 쇼핑몰/웹사이트" 책의 표지 디자인이 완료돼서 월요일부터 인쇄작업에 들어가면 일주일 정도 걸리고 4월 10일 이내에는 서점에서 볼 수 있다고 합니다. 월요일부터 예약 판매가 시작됩니다.



페이지 만드는 방법을 많이 소개하다보니 분량이 500 페이지 가까이 됩니다. 책의 소개에 관한 글은 이전 글을 참고하세요.


Legenda 테마의 기능과 특징 - http://martian36.tistory.com/1338


예약 판매가 개시되면 아래에 링크를 만들어놓겠습니다.


예약 판매


예스24


인터파크


반디앤루니스


도서11번가


교보문고 인터넷 서점


강컴닷컴


책의 서문


지난해 “워드프레스 쇼핑몰 만들기” 책을 출간하고 나서 많은 분께서 관심을 가져주셨습니다. 그 중에는 워드프레스를 처음 접하는 분도 많이 있어서 질문을 받는데 난감한 적이 많았습니다. 책의 기획 의도는 워드프레스를 사용해본 웹디자이너나 개발자를 대상으로 무료 테마를 사용해 커스터마이징 하는 방법을 설명하고 여러 가지 기능을 추가하고 사용법을 소개하는 것이라서 초보자가 보기에는 아주 어려운 책이었습니다.


워드프레스를 처음 접할 뿐만 아니라 코드를 처음 작성해보는 분도 있어서 쇼핑몰을 만들려는 분의 열정이 참으로 대단하다는 느낌을 받았습니다. 그래서 출간한지 한 달 후 모든 계획을 제쳐놓고 더 쉬운 방법으로 워드프레스 쇼핑몰을 만드는 방법을 기획하게 됐습니다.


쉬운 방법이란 이미 쇼핑몰용으로 디자인된 워드프레스 프리미엄 테마를 이용하는 것이었습니다. 프리미엄 테마는 이미 디자인이 완성돼있을 뿐만 아니라 쇼핑몰에서 사용하는 다양한 기능이 갖춰져 있어서 추가로 플러그인을 설치하지 않아도 되며 무엇보다 디자인을 수정하지 않아도 된다는 장점이 있습니다. 다만 어떤 기능을 추가하기 위해 플러그인을 추가할 경우 커스터마이징이 필요하며 코딩을 해야 합니다.


책을 기획하고 나서 가장 우선으로 해야 할 일이 테마의 선택이었습니다. 어떤 기능이 포함돼있는지 초보자가 사용하기 쉬운 것인지 번역은 잘 되는지 여러 가지 조건을 고려해 7개 정도의 테마를 구매해 사용해보고 Legenda 테마를 선택했습니다. 사용해보니 쇼핑몰에 사용할 기능이 아주 많이 갖춰져 있었고 페이지나 슬라이더를 만들 수 있는 프리미엄 플러그인도 번들로 포함돼 있었습니다.


Legenda 테마의 많은 장점이 있는 가운데 단점이 있다면 인터넷 익스플로러 8 이하 버전을 지원하지 않는다는 것이었고 번역이 제대로 되지 않았습니다. 다행히 사이트 전면에서 필요한 부분은 번역이 제대로 적용됐으며 관리자 화면의 테마 설정 부분은 설명으로 해결할 수 있습니다. 또한, 인터넷 익스플로러 지원 부분은 마이크로소프트가 XP의 지원을 중단함에 따라 이 운영체제에서 작동하는 IE8의 사용이 많이 줄어들 것이므로 큰 문제는 되지 않을 것입니다. 


필자는 테마를 선택할 때 가장 최근에 출시한 것 보다는 출시한 지 몇 개월 지난 테마 중 인기 있는 테마를 대상으로 선택합니다. 출시한지 오래된 테마는 기능성 면에서 좋을지라도 추가 기능의 업데이트와 같은 확장성 면에서 떨어질 것이고, 최근에 출시한 테마는 버그가 많기 때문입니다. 우선 출시하고 나서 버그 리포트가 들어오면 수정하고 업데이트하는 과정이 반복됩니다. 대부분 테마나 플러그인의 개발이 그렇습니다. 개발자가 다양한 상황을 테스트해볼 수 없기 때문이죠. 그래서 몇 개월은 지나야 안정적인 프로그램이 됩니다.


이 책에서는 워드프레스 쇼핑몰 플러그인 중 세계적으로 가장 인기 있는 우커머스를 사용해 쇼핑몰을 만듭니다. 이 플러그인은 출시된 지 3년밖에 안 됐지만 그 이전에 인기리에 사용됐던 WP e-Commerce보다 사용자가 급증하고 있습니다. 지난해 10월보다 1백만이 넘는 다운로드 회수를 기록하고 있는 인기 있는 플러그인입니다.


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


워드프레스 쇼핑몰 만들기에서 가장 문제가 되는 것이 결제 플러그인이었는데 최근 들어 국내에서 우커머스용 결제 플러그인이 다수 개발돼 출시되고 있습니다. 유료는 물론 무료 플러그인까지 나오고 있고 결제 회사(PG사)도 다양해졌습니다. 작년에 책을 출간할 때만 해도 엘지 유플러스와 페이게이트용 플러그인만 있었는데 이제는 이니시스와 KCP 결제 플러그인도 출시됐습니다.


현재 사용할 수 있는 플러그인 중에서는 우커머스 2.1 버전을 지원하는 플러그인으로는 코드엠샵과 엑심베이의 플러그인이 있고 플래닛에잇에서는 현재 개발 중으로 책이 나올 시기에 출시될 것으로 봅니다. 코드엠샵에서 개발한 플러그인은 무료이며 KG 이니시스 용으로 가맹해야만 사용할 수 있기 때문에 테스트해볼 수는 없었습니다.


우커머스 2.0 버전을 지원하는 플러그인으로는 플래닛에잇에서 개발한 두 종류로 페이게이트, LG U+용이 있으며 아진 시스템의 KCP용과 스튜디오 제이티에서 개발한 페이게이트용이 있습니다. 플러그인은 유료와 무료가 있는데 무료 플러그인은 설치나 사용 시 문제가 발생하면 자체적으로 해결해야 하지만 유료 플러그인은 지원서비스와 업데이트도 가능합니다.


이 책의 구성


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


대부분 프리미엄 테마는 데모 데이터를 제공합니다. 데모 데이터는 테마가 어떤 모양이고 어떤 기능이 있는지 구매자가 미리 보고 구매에 참고할 수 있도록 데모 사이트를 만들어 놓는데 이 사이트에서 사용된 모든 콘텐츠를 그대로 만들 수 있게 제공하는 파일입니다. 워드프레스 가져오기 기능으로 설치할 수 있지만 상당히 많은 양이라서 여러 번의 설치 과정을 거쳐야만 제대로된 데모 사이트를 만들 수 있습니다. 1장에서는 테마의 선택과 구입 과정을 설명하고 워드프레스와 테마를 설치한 다음 테마에서 제공하는 플러그인과 책을 진행하면서 필요한 플러그인을 설치하고 데모 데이터를 설치해 앞으로 진행할 과정의 기반을 만들어 놓습니다.


2장 _ 테마옵션 설정, 우커머스 설정


프리미엄 테마는 상당히 많은 기능이 포함되기 때문에 이들 기능을 제대로 사용하려면 다양한 옵션을 설정해야 합니다. 이 책에서 사용할 테마도 마찬가지라서 여러 가지 설정 방법을 알아보고 상점 플러그인인 우커머스의 설정 방법을 알아봅니다.


3장 _ 상점 관리


여러 가지 설정을 마친 다음 본격적인 상점 관리에 필요한 상품 추가하기를 진행합니다. 상품에는 단순상품이 있고 의류와 같은 하나의 상품이지만 사이즈와 색상이 다른 옵션 상품 추가하기, 하나의 상품에 관련된 상품인 그룹 상품 추가하기를 알아봅니다.


4장 _ 웹사이트 페이지 만들기


최근에 개발된 테마에는 웹사이트 페이지와 슬라이더를 쉽게 만들 수 있게 공통으로 페이지 빌더와 슬라이더 플러그인이 번들로 포함됩니다. 가장 인기 있는 슬라이더 플러그인인 레볼루션 슬라이더의 사용법을 알아보고 페이지 빌더인 비주얼 컴포우저를 사용해 각종 페이지를 만듭니다.


프리미엄 테마의 가장 큰 장점이 이러한 번들 플러그인의 내장입니다. 단순한 플러그인의 추가가 아니라 테마와 결합해 다양한 콘텐츠를 만들 수 있도록 하고 있습니다. 따라서 상점에 필요한 웹 페이지 뿐만 아니라 일반 웹사이트에서 사용되는 페이지도 만들 수 있으며 Legenda 테마는 쇼핑몰 기능이 상당하면서도 일반 웹사이트도 만들 수 있게 돼있습니다. 4장에서는 페이지 빌더를 이용해 다양한 페이지를 만드는 방법을 알아봅니다.


참고 사이트


Legenda 테마 데모 사이트: http://8theme.com/demo/legenda/


데모 데이터로 제공되지 않는 페이지를 참고할 수 있으며 More 메뉴에서 상당히 많은 단축코드 사용법을 볼 수 있습니다.


테마 개발자 사이트: http://support.8theme.com/


테마 커스터마이징이나 문제 발생 시 도움을 요청할 수 있는 사이트입니다. 개발자들이 직접 사이트를 방문에 문제점을 파악하고 해결해주기도 합니다. 프리미엄 테마의 장점이죠.


워드프레스 코덱스: http://codex.wordpress.org/


이곳은 워드프레스에서 사용되는 코드나 워드프레스 사용법, 문제 해결 방법 등 워드프레스를 사용하면서 가장 많이 방문하게 되는 곳입니다.


우커머스 문서 사이트: http://docs.woothemes.com/documentation/plugins/

woocommerce/


이곳은 우커머스에 관한 모든 내용이 있습니다. 각종 코드도 있고 그림이 있는 사용 설명도 있습니다. 이 사이트에서 Support 메뉴는 테마나 플러그인을 구매한 사람만 이용할 수 있으며 질문 답변을 할 수 있는 곳으로 우커머스 전문가가 답변을 해줍니다.


구글: https://www.google.com


참고 사이트라고 할 수는 없지만 가장 광범위한 검색을 할 수 있어서 문제 해결에 많은 도움이 됩니다.


책을 다수 출간하다 보니 게시판의 필요성이 절실하게 됐습니다. 그동안 블로그에서 질문 답변을 해결했는데 검색 기능이 없어서 문의 사항을 쉽게 찾아볼 수 없었죠. 그래서 버디프레스와 비비프레스를 이용해 별도의 포럼 사이트를 만들 예정입니다. 완료되면 제 블로그에 공지하겠습니다.


DIY! 워드프레스: http://diywordpress.kr



목차



1장


1-1 워드프레스 쇼핑몰

1-1-1 워드프레스로 쇼핑몰을 만드는 이유

1-1-2 워드프레스 쇼핑몰 플러그인

1-1-3 우커머스를 쇼핑몰 플러그인으로 선택한 이유

1-1-4 우커머스 테마

1-1-5 테마의 선택

1-1-6 워드프레스 3.9 버전의 새 기능

1-1-7 이 책을 진행하는 데 필요한 사항


1-2 워드프레스 설치

1-2-1 서버 환경 만들기

1-2-2 워드프레스 설치하기

1-2-3 워드프레스 설치의 두 가지 방법


1-3 워드프레스 관리자 화면

1-3-1 글 만들기

1-3-2 편집기 도구모음

1-3-3 기타 메뉴


1-4 유료 테마 구입하기


1-5 테마와 각종 플러그인 설치

1-5-1 워드프레스 관리자 화면에서 설치하기

1-5-2 테마 폴더를 직접 업로드 하기

1-5-3 자식 테마 만들기

1-5-4 플러그인 설치하기

1-5-5 언어 파일 설치하기 


1-6 데모 데이터 설치하기

1-6-1 새로운 워드프레스 사이트 만들기

1-6-2 테마 데모 데이터 설치하기

1-6-3 메뉴 만들기

1-6-4 레볼루션 슬라이더 사용하기

1-6-5 우커머스 데모 데이터 설치하기


1-7 위젯 사용하기

1-7-1 위젯 영역

1-7-2 위젯 배치하기

1-7-3 상점 관련 페이지 설정하기

1-7-4 상점 페이지 둘러보기



2장 Legenda 테마 설정과 우커머스 설정


2-1 테마 옵션 설정

2-1-1 일반 설정(General)

2-1-2 색상 설정(Color Scheme)

2-1-3 폰트 설정

2-1-4 헤더(Header) 설정

2-1-5 푸터(Footer) 설정

2-1-6 상점(Shop) 설정

2-1-7 상품 페이지 레이아웃(Product Page Lauout) 설정

2-1-8 상세 페이지(Single Product Page) 설정

2-1-9 퀵뷰(Quick View)

2-1-10 프로모 팝업(Promo Popup)

2-1-11 블로그 레이아웃(Blog Layout) 설정

2-1-12 포트폴리오(Portfolio) 설정

2-1-13 컨택트 폼(Contact Form) 설정

2-1-14 반응형(Responsive) 설정

2-1-15 데모 데이터 가져오기, 테마옵션 가져오기/내보내기


2-2 우커머스 설정

2-2-1 일반 탭

2-2-2 상품 탭

2-2-3 저장소 

2-2-4 세금 탭

2-2-5 배송 탭

2-2-6 결제 탭

2-2-7 계정 탭

2-2-8 이메일 탭

2-2-9 결합 탭

2-2-10 위시리스트 탭



3장 상점 관리


3-1 상품 추가

3-1-1 상품 목록 페이지

3-1-2 단순 상품 추가

3-1-3 다운로드 가능한 상품 추가

3-1-4 옵션 상품

3-1-5 그룹상품 


3-2 주문 페이지

3-2-1 주문 관리 페이지

3-2-2 주문 편집 페이지


3-3 쿠폰 사용과 보고서

3-3-1 쿠폰 사용

3-3-2 보고서



4장 웹사이트 페이지 만들기


4-1 레볼루션 슬라이더 사용하기

4-1-1 슬라이더 만들기

4-1-2 슬라이더 편집하기

4-1-3 레이어 슬라이더 사용하기

4-1-4 이미 만들어진 슬라이더 사용하기

4-1-5 콘텐츠 슬라이더 만들기

4-1-6 상품 콘텐츠 슬라이더 만들기


4-2 페이지 만들기

4-2-1 비주얼 컴포우저 설정

4-2-2 정적인 블록 

4-2-3 헤더 상단 바 패널 만들기

4-2-4 추천 추가하기


4-3 푸터 영역 만들기

4-3-1 상단 푸터

4-3-2 프리 푸터

4-3-3 푸터 로고

4-3-4 정적인 블록에 위젯 배치

4-3-5 하단 푸터 만들기


4-4 언어선택기, 우측 패널 영역 사용하기

4-4-1 언어 선택기 영역 사용하기

4-4-2 우측 패널 영역 사용하기


4-5 전면 페이지 만들기

4-5-1 페이지 레이아웃

4-5-2 배너 추가하기

4-5-3 특성 상품 추가하기

4-5-4 LOOK BOOK 사용하기

4-5-5 섹션 사용하기

4-5-6 페이지 템플릿 만들기


4-6 전면 페이지 2 만들기

4-6-1 섹션에 비디오 배경 사용하기

4-6-2 콜 투 액션

4-6-3 페이지 상단에 티저 콘텐츠 추가하기

4-6-4 아이콘 박스 사용하기

4-6-5 세퍼레이터(Separator)와 포트폴리오 사용하기

4-6-6 파트너와 고객 섹션


4-7 전면 페이지 3 만들기

4-7-1 가격 테이블 만들기

4-7-2 티저 그리드(Teaser Grid) 사용하기

4-7-3 글 슬라이더 사용하기

4-7-4 탭 사용하기

4-7-5 티저 박스(Teaser box)

4-7-6 블로그 글

4-7-7 메가 검색박스

4-7-8 메시지 박스

4-7-9 비디오 플레이어

4-7-10 파이 차트 만들기



4-8 이용약관 페이지 만들기


4-9 자주 묻는 질문(FAQ) 페이지 만들기

4-9-1 FAQ 사용하기

4-9-2 컨택트 폼 사용하기


4-10 카테고리 페이지, 상점 위치 페이지 만들기

4-10-1 다양한 슬라이더 사용하기

4-10-2 카테고리 단축코드

4-10-3 상점 위치 페이지 만들기


4-11 회원가입 페이지 만들기

4-11-1 회원가입 페이지 템플릿

4-11-2 로그인 폼과 회원가입 폼 결합하기


4-12 일반 웹사이트에서 회원가입 폼 사용하기

4-12-1 WP-Members 플러그인 사용하기

4-12-2 WP-Members 관련 페이지 만들기


4-13 상세 페이지 콘텐츠 추가하기

4-13-1 상품 정보 옵션 추가하기

4-13-2 프로모션 배너, QR 코드 만들기

4-13-3 상세 페이지 하단에 정적인 블록 사용하기

4-13-4 고정된 콘텐츠 추가하기


4-14 공사 중(Under Construction) 페이지 만들기

4-14-1 상점 공지 글 활성화 하기

4-14-2 메일침프(MailChimp) 사용하기

4-14-3 공사중 페이지 만들기

4-14-4 메일침프 뉴스레터 테스트 및 디자인 하기

4-14-5 뉴스레터 디자인 및 보내기


4-15 채팅 플러그인 사용하기

4-15-1 메시지 입력

4-15-2 채팅 온라인

4-15-3 일반설정

4-15-4 스킨 사용자 정의


4-16 게시판 사용하기

4-16-1 KBoard 플러그인 설치

4-16-2 게시판 생성

4-16-3 게시판 페이지 만들기

4-16-4 게시판 최신 글 목록 만들기


4-17 워드프레스 이전하기