DIY! 워드프레스 쇼핑몰(위키북스 오픈소스 & 웹 시리즈 57)

이제 쉽게 온라인 쇼핑몰을 만들 수 있습니다!



워드프레스는 블로그를 만드는 데 주로 사용했지만 웹사이트뿐 아니라 쇼핑몰까지 만들 수 있을 정도로 진화했습니다. 바로 우커머스라는 워드프레스 플러그인을 사용해서 상품 관리, 재고 관리, 배송 관리, 세금, 주문 관리, 보고서 기능 등 온라인 쇼핑몰에서 필요한 모든 기능을 체계적으로 관리할 수 있게 된 것입니다.



이 책에서는 우커머스에 대한 자세한 설명과 함께 프리미엄 테마인 Legenda를 사용해서 손쉽게 쇼핑몰을 만들 수 있는 방법을 설명합니다. 또한 Legenda 테마는 페이지와 슬라이더를 쉽게 만들 수 있게 해주는 비주얼 컴포우저와 레볼루션 슬라이더가 포함돼 있습니다. 프로그래밍에 어려움을 느끼는 분들이라도 마우스를 클릭하고 드래그하는 것만으로 자신의 쇼핑몰과 웹페이지가 만들어가는 과정을 쉽게 따라 해 볼 수 있을 것입니다.





[소스코드 다운로드 & 블로그]



이 책에서 진행한 모든 실습 파일은 아래 URL에서 내려받을 수 있습니다. 또 이 책의 내용에 오류가 있거나 질문사항이 있으면 아래 블로그의 방명록이나 관련 글에 댓글을 남겨주시면 답변 드리겠습니다.



▣ 블로그 주소: http://martian36.tistory.com/

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

01 _ 워드프레스 쇼핑몰

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

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

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

우커머스 테마

테마의 선택

워드프레스 3 9 버전의 새 기능

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

02 _ 워드프레스 설치

서버 환경 만들기

워드프레스 설치

워드프레스 설치의 두 가지 방법

03 _ 워드프레스 관리자 화면

글 만들기

편집기 도구모음

기타 메뉴

04 _ 유료 테마 구입

05 _ 테마와 각종 플러그인 설치

워드프레스 관리자 화면에서 설치

테마 폴더를 직접 업로드

자식 테마 만들기

플러그인 설치

언어 파일 설치

플러그인의 기능

06 _ 데모 데이터 설치

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

테마 데모 데이터 설치

메뉴 만들기

레볼루션 슬라이더 사용

우커머스 데모 데이터 설치하기

07 _ 위젯 사용

위젯 영역

위젯 배치

상점 관련 페이지 설정하기

상점 페이지 둘러보기



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

01 _ 테마 옵션 설정

일반 설정(General)

색상 설정(Color Scheme)

폰트 설정(Typography)

헤더(Header) 설정

푸터(Footer) 설정

상점(Shop) 설정

상품 페이지 레이아웃(Product Page Lauout) 설정

상세 페이지(Single Product Page) 설정

퀵뷰(Quick View)

프로모 팝업(Promo Popup)

블로그 레이아웃(Blog Layout) 설정

포트폴리오(Portfolio) 설정

컨택트 폼(Contact Form) 설정

반응형(Responsive) 설정

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

02 _ 우커머스 설정

일반 탭

상품 탭

저장소

세금 탭

배송 탭

결제 탭

계정 탭

이메일 탭

결합 탭

위시리스트 탭



▣ 3장: 상점 관리

01 _ 상품 추가

상품 목록 페이지

단순 상품 추가

다운로드 가능한 상품 추가

옵션 상품

그룹 상품

외부/연계상품

02_주문페이지

주문 관리 페이지

주문 편집 페이지

03 _ 쿠폰 사용과 보고서

쿠폰 사용

04 _ 보고서



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

01 _ 레볼루션 슬라이더 사용

슬라이더 만들기

슬라이더 편집

레이어 슬라이더 사용

이미 만들어진 슬라이더 사용

콘텐츠 슬라이더 만들기

상품 콘텐츠 슬라이더 만들기

02 _ 페이지 만들기

비주얼 컴포우저 설정

정적인 블록

헤더 상단 바 패널 만들기

추천 추가

03 _ 푸터 영역 만들기

상단 푸터

프리 푸터

푸터 로고

정적인 블록 추가

하단 푸터 만들기

04 _ 언어 선택기, 우측 패널 영역

언어 선택기 영역 사용

우측 패널 영역 사용

05 _ 전면 페이지 만들기

페이지 레이아웃

배너 추가

특성 상품 추가

LOOK BOOK 사용

섹션 사용

페이지 템플릿 만들기

06 _ 전면 페이지 2 만들기

섹션에 비디오 배경 사용

콜 투 액션

페이지 상단에 티저 콘텐츠 추가

아이콘 박스 사용

세퍼레이터(Separator)와 포트폴리오 사용

파트너와 고객 섹션

07 _ 전면 페이지 3 만들기

가격 테이블 만들기

티저 그리드(Teaser Grid) 사용

글 슬라이더 사용

탭 사용

티저 박스(Teaser box)

블로그 글

메가 검색박스

메시지 박스

비디오 플레이어

파이 차트 만들기

08 _ 이용약관 페이지 만들기

09 _ 자주 묻는 질문(FAQ) 페이지 만들기

FAQ 사용

컨택트 폼 사용

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

다양한 슬라이더 사용

상품 카테고리 단축코드

상점 위치 페이지 만들기

11 _ 회원가입 페이지 만들기

회원가입 페이지 템플릿

로그인 폼과 회원가입 폼 결합

12 _ 일반 웹사이트에서 회원가입 폼 사용

WP-Members 플러그인 사용

WP-Members 관련 페이지 만들기

13 _ 상세 페이지 콘텐츠 추가

상품 정보 옵션 추가

프로모션 배너, QR 코드 만들기

상세 페이지 하단에 정적인 블록 사용

고정된 콘텐츠 추가

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

상점 공지 글 활성화

메일침프(MailChimp) 사용

공사중 페이지 만들기

메일침프 뉴스레터 테스트 및 디자인

뉴스레터 디자인 및 보내기

15 _ 채팅 플러그인 사용

메시지 입력

채팅 온라인

일반설정

스킨 사용자 정의

16 _ 게시판 사용

KBoard 플러그인 설치

게시판 생성

게시판 페이지 만들기

게시판 최신 글 목록 만들기

17 _ 워드프레스 이전하기

김덕기 저자 김덕기는 금융기관 퇴직 후 평소 열망하던 웹디자인에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하며 프리랜서 웹디자이너로 활동 중이다. 워드프레스 공식 한글 사이트의 편집자로 참여해 신속한 한글 버전의 발행을 하고 있고, 번역가(아이디 martian36) 및 밸리데이터(Validator)로 워드프레스 한글 번역의 미진함을 업데이트하고 필수 플러그인 번역하고 있으며, 티스토리 블로그(http://martian36.tistory.com)를 운영 중이다. 최근 출간 서적으로는 워드프레스 완벽입문, 트위터 부트스트랩, 워드프레스 쇼핑몰 만들기, DIY! 워드프레스 등이 있다