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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

워드프레스 쇼핑몰 만들기 첨부파일


안녕하세요. 저자입니다. 책을 보면서 책의 내용과는 전혀 다른 테마를 적용하시는 경우 상당히 어렵게 배우시는 것입니다. 책 내용을 숙지한 다음 해야 다른 테마도 쉽게 적용할 수 있습니다. 갖고 있는 테마도 잘 사용을 못하는데 어떻게 쇼핑몰까지 적용을 할 수 있겠습니까. 반드시 책을 전체 읽고 따라한 다음 다른 테마를 적용해보세요. 급하더라도 이렇게 해야 쇼핑몰 만들기가 익숙해집니다. 다른 테마를 사용하면서 잘 안된다고 질문하시는 경우 저도 해당 테마를 사용해봐야 하기 때문에 답변에 상당한 시간이 걸리니 이와 관련된 질문은 사양하겠습니다.


  • 질문 내용은 책의 범위 안에서 제한하겠습니다. 책의 내용에서 안되는 것이 있으면 아래 첨부 파일의 wordpress10을 사용해서 로컬호스트에서 데모 사이트를 만들면 책에서 만든 것과 동일한 사이트가 됩니다. 자신이 작업한 것과 데모 사이트와 어떤 부분이 잘못됐는지 찾아보는 것이 좋습니다. 찾아보지 않고 질문부터 하지 마세요. 질문 내용을 보면 항상 코드를 잘못 입력해서 발생합니다.
  • 다른 테마를 사용한다든가 내컴퓨터가 아닌 웹호스팅에서 작업한다든가 다른 플러그인을 사용해서 잘못되는 부분은 답변을 드릴 수가 없습니다. 이점 분명히 해주시기 바랍니다.
  • 책을 기준으로 공부하시고 나중에 다른 테마로 응용하세요. 주먹구구식으로 책 따로 사이트 따로 진행하면 머리속에 남는 것 없이 복잡하기만 합니다.


질문은 http://diywordpress.kr에서 받습니다.


감사합니다.




중요!


우커머스가 2014년 2월 중으로 버전이 2.1로 업데이트 됩니다. 책에서 사용한 버전은 2.0 버전이며 서로 전혀 다른 버전입니다. 그러니 책의 내용대로 하자면 2.0 버전을 사용해야 합니다. 플러그인 설치하기에서 woocommerce로 검색해서 버전이 2.1인 경우 설치하지 마시고 아래의 2.0의 최종 버전인 2.0.20을 내려받아 설치하세요. 한글 언어 파일도 포함돼있습니다.


위 파일을 내려받아 오른쪽 마우스 클릭하고 "woocommerce"에 압축풀기를 선택해 압축해제하고 woocommerce 폴더를 wordpress/wp-content/plugins 폴더에 붙여넣고 워드프레스 관리자 화면의 플러그인 화면에서 활성화 하면 됩니다.

* 이미 2.1 버전을 설치 하신 분은 비활성화 하고 삭제한 다음 2.0 버전을 다시 설치하세요.
* 이 페이지 하단에 워드프레스 3.7.5 버전에 우커머스 2.0.20을 설치하고 가져오기 1,2,3 xml 파일을 마친 워드프레스 파일이 있습니다.


책의 마지막 부분에서 493 페이지의 Search Replace DB 링크의 프로그램이 업데이트 돼서 사용법이 바뀌었습니다. 아래 링크에 사용법이 업데이트 됐으니 참고하세요.


바로가기


아래의 압축파일이 10메가가 넘는 파일은 알집과 7zip으로 압축했으니 알집 사용자는 확장자가 .egg인 파일을 내려받아 압축해제하고 기업과 같은 곳은 상업용 무료 프로그램인 7zip을 내려받아 설치하고 zip 파일을 내려받아 압축해제하세요. 10메가 미만인 파일은 7zip으로 압축해제 가능합니다.


http://www.7-zip.org/download.html


*** 책에서 사용한 twenty twelve 테마는 새로운 워드프레스를 설치하면 책 내용과 다릅니다. 테마가 업데이트 됐기 때문입니다. 책대로 하자면 아래의 구버전을 내려받아 이전 버전을 제거하고 사용하세요.


twentytwelve.zip


테마 화면에서 새로고침 하면 twenty twelve old로 나타납니다.


오타 수정


226 페이지 중간 부분에서 twentytwelve/css 라고 돼있는 것을 twentytwelve-child/css로 수정합니다.


 1,2,3장 소스 코드

 

1,2,3장소스코드.zip


 한글 언어 파일

 

wordpress-languages.zip


 워드프레스 플러그인

(4개의 파일을 내려받아 알집으로 해제합니다)

 


wordpress-plugins.vol1.egg


wordpress-plugins.vol2.egg


wordpress-plugins.vol3.egg


wordpress-plugins.vol4.egg


 워드프레스 플러그인 - 위 내용과 같습니다.

(우측의 모든 파일을 내려받아 7zip으로 해제합니다.)


 


wordpress-plugins.zip.001


wordpress-plugins.zip.002


wordpress-plugins.zip.003



 샘플상품, 더미 콘텐츠

 

샘플상품,더미콘텐츠.zip


 제이쿼리 플러그인

 

제이쿼리 플러그인.zip


 

다운로드 가능상품용 음악파일(Public Domain)

* 퍼블릭 도메인으로 표시를 했으나 다음 커뮤니케이션에서 내려받지 못하도록 해놨군요. 이메일을 보냈으니 조만간 우측에 압축파일이 표시될 것입니다. 그 이전에 시험용 음악파일을 사용하려면 아래의 퍼블릭 도메인 사이트에서 내려받아 사용할 수 있습니다.


http://publicdomain4u.com/wolfgang-amadeus-mozart-eine-kleine-nachtmusik/mp3-download



음악 목록에 우클릭하고 다른 이름으로 링크 저장을 클릭하면 됩니다.

 

음악파일.zip


 이미지 파일

 (두 개의 파일을 내려받아 알집으로 해제합니다)

 

이미지파일.vol1.egg


이미지파일.vol2.egg


 이미지 파일 - 위 내용과 같습니다.

 (두 개의 파일을 내려받아 7zip으로 해제합니다)

 

images.zip.001


images.zip.002


 이용약관, 재고보고서, Search-Replace-DB-master

 

기타 파일.zip


 쇼핑몰 만들기 전체 파일, 워드프레스 포함, 로그인 아이디:admin, 비번:admin. 사용법은 서적을 참고하세요.

 (모든 파일을 내려받아 알집으로 해제합니다)

 

wordpress10.vol1.egg


wordpress10.vol10.egg


wordpress10.vol11.egg


wordpress10.vol2.egg


wordpress10.vol3.egg


wordpress10.vol4.egg


wordpress10.vol5.egg


wordpress10.vol6.egg


wordpress10.vol7.egg


wordpress10.vol8.egg


wordpress10.vol9.egg

 쇼핑몰 만들기 전체 파일, 위 내용과 같습니다.

 (모든 파일을 내려받아 7zip으로 해제합니다)

 

wordpress10.zip.001


wordpress10.zip.002


wordpress10.zip.003


wordpress10.zip.004


wordpress10.zip.005


wordpress10.zip.006


wordpress10.zip.007


wordpress10.zip.008


wordpress10.zip.009


wordpress10.zip.010


wordpress10.zip.011




책에서 사용한 워드프레스 3.7 버전의 마지막 버전인 3.7.5 버전에 우커머스 2.0.20 버전을 설치하고 더미 데이터 1,2,3 xml 파일을 가져오기를 마친 파일입니다.


우측 파일을 모두 내려받아 알집으로 압축해제하면 wordpress50  폴더가 만들어집니다. 이 폴더를 Autoset/puplic_html 폴더에 붙여넣고 폴더로 들어가면 데이터베이스 파일 wordpress50.sql이 있습니다. phpmyadmin에서 데이터베이스를 wordpress50으로 만들고 가져오기 탭을 클릭하고 sql 파일을 가져오기 합니다.


데이터베이스 사용자 아이디:root, 비번:autoset

워드프레스 사용자 아이디:admin, 비전:admin입니다. 이메일 주소는 변경하세요.


웹브라우저 주소창에 localhost/wordpress50을 입력하고 엔터키를 누르면 사이트가 나옵니다.


 

wordpress50.vol1.egg


wordpress50.vol2.egg


wordpress50.vol3.egg


wordpress50.vol4.egg



댓글 (41)

댓글 목록

이전 댓글 더보기
김건식 access_time

안녕하세요. 문의드릴 내용이 있어 글을 남겨봅니다.

몇번이고 해봤지만 1페이지에서 256페이지까지 진행시 상세페이지에서

장바구니 버튼 옆 수량 + - 버튼이 나타나지 않습니다.

물론 테마를 1장에 있는 테마를 사용하면 문제없이 + - 표시가 나옵니다.

해당부분을 수정해보려고 요소검색을 해보았지만 ../ipin-child/woocommerce/cart/cart.php

어떤 소스를 건들어야 하는지 알수가 없습니다.

뒷장에 수정하는 방법이 따로나오는 것인가요?

그냥 무시하고 계속 진행해야하는 건가요?

베누시안 access_time

그것은 수정해서 나오는 것이 아니라 당연히 나오는 것입니다. 단순 상품을 선택해서 상세페이지에서 보세요. 옵션 상품은 처음에 나타나지 않습니다. 그래도 나오지 않으면 테마를 이메일로 보내주세요.

김한우 access_time

책 사서 잘 보고 있습니다.
그런데 홈페이지 메뉴들이 전부 영어로 나오는데 어떻게 해야 베누시안 님처럼 한글로 나오나요?
ex)
페이지들
나의계정-로그아웃-비밀번호 변경하기...., 이것은 My Account, Logout, Change Password.... 로 나오고 있어요.
메뉴구조
상점-결제-결제->지불 ..., 이것은 Shop, Cart, Checkout....

위의 한글언어파일은 다운로드하였습니다. 그리고 wp-content/languages/에 모든 폴더째로 붙여넣었습니다.
ex)
wp-content/languages/acf/acf-ko_KR.mo ...
wp-content/languages/all-in-one-seo-pack ...

그래도 1장 워드프레스시작 68페이지의 그림1.49메뉴설정 처럼 한글로 나오지 않네요.

뭐가 잘못되었나요? 어떻게 해야할까요?

베누시안 access_time

안녕하세요. 워드프레스가 한글 버전인지 확인하시고 wp-content/languages 폴더에 woocommerce 폴더가 있어야 하고 이 폴더 안에 최소한 woocommerce-admin-ko_KR.mo와 woocommerce-ko_KR.mo가 있어야 합니다.

김한우 access_time

감사합니다.
http://martian36.tistory.com/1268 에 자세히 나와있었네요.
제가 제대로 읽지 않고 답글먼저 달아 죄송합니다.
답변 진짜 감사합니다.

유창환 access_time

dummy_data.xml은 다운받아서 있는데요..dummy_data1.xml dummy_data2.xml 는 어디에 있는거죠 페이지 47page용

베누시안 access_time

위에서 샘플상품 파일을 내려받으세요.

유창환 access_time

감사감사

손승범 access_time

책 잘 보고 있습니다.
그런데 페이지 정보가 책과 동일하게 나타나질 않습니다.
현재 "홈", "샘플 페이지" 밖에 나타나질 않는데,
페이지에 등록 정보도 안보이고,
외모 > 메뉴 화면에서 메뉴를 변경해봐도
홈 | 결제 | 나의계정 | 샘플페이지 | 장바구니
와 같은 메뉴가 보이질 않습니다.
어떻게 해야할 까요?

베누시안 access_time

안녕하세요. 몇 페이지가지 진행하셨는지 모르지만 우커머스를 설치하고 페이지 설치 한 다음 메뉴에서 페이지 설정을 해야 합니다.

송명호 access_time

안녕하세요 고생이 많으십니다 새해 복 많이 받으세요^^
쇼핑몰_디자인 2장 212쪽 제이쿼리 플러그인을 첨부파일에서 받아서 쓰면 되는지요??
또, 워드프레스 플러그인에서 받으려면 제이쿼리 무엇을 받아야 합니까 알려주세요?
부탁드립니다.

베누시안 access_time

안녕하세요. 모두 첨부 파일에 있으니 내려받아 압축해제하면 됩니다.

블러 access_time

dummy_data.xml 로 샘플상품을 잘 테스트하였습니다.
사용 후 삭제하고 다시 가져오기를 통해 테스트를 한 번 더 하려고 하는데 어려움이 있습니다.

상품에서 모든 상품을 휴지통 -> 휴지통 비우기
카테고리에서 모든 카테고리 -> 지우기 를 했음에도 불구하고,
다시 dummy_data.xml을 가져오기 하면

admin에 대해 새 사용자를 생성하는데 실패했습니다. 그 글들은 현재 사용자로 배정될 것입니다.
미디어 “Bodum Coffee Press-1” 이미 존재함
미디어 “Bodum Coffee Press-2” 이미 존재함
미디어 “Bodum Coffee Press-3” 이미 존재함
미디어 “Bodum Coffee Press-4” 이미 존재함
미디어 “Dualit Food Processor-1” 이미 존재함
미디어 “Dualit Food Processor-2” 이미 존재함
미디어 “Eva Solo Teapot-1” 이미 존재함
미디어 “Eva Solo Teapot-2” 이미 존재함
.
.
.
위와 같이 뜨면서 실패합니다.
dummy_data.xml 가져오기로 가져온 것들을 어떻게 삭제하면 됩니까?


그리고 베누시안님 지금 이 워드프레스의 한글 폰트는 무엇인가요?
이 폰트의 이름이 궁금했는데 마침 베누시안님 워드프레스 폰트이네요.
알려주세요 항상 언제나. 감사드립니다.

베누시안 access_time

상품을 제거한다고 해서 이미지 파일이 제거되는 것이 아닙니다. 그래서 이미 존재한다고 나오는데 데모 파일 가져오기가 실패한 것이 아닙니다. 기존에 있는 이미지 파일은 미디어라이브러리에 이미 존재하니 그런 메시지가 나오는 것이고 상품 데이터는 그대로 가져오기가 돼서 이미지와 연결됩니다. 가져오기 한 후에 상품 메뉴를 확인해보세요.
상품 가져오기한 것은 각 메뉴에서 일괄 편집으로 제거하면 됩니다. 카테고리, 태그, 상품 등 각 메뉴에서 제거하세요.

쇼핑몰 access_time

정말 훌륭한 서적 출간~
감사합니다

베누시안 access_time

감사합니다.

쇼핑몰 access_time

답변을 잘해주셔서 감사합니다.~
진행중 질문이 생겨 댓글남겨봅니다.
144페이지에 SareThis 사용하기에서 공유 버튼이 나왔는데, 로그인을 하기위해 마우스를 해당 아이콘에
올려 놓으면 영어로 뜨는데 그것은 한글로 번역이 불가한지 궁금 합니다.

베누시안 access_time

이전에 실험을 하면서 번역을 하려고 했는데 방법을 찾을 수 없었습니다. 더 찾아보고 가능하다면 바로 번역해놓겠습니다. 감사합니다.

쇼핑몰 access_time

안녕하세요. 책대로 진행도중
207페이지와 같이 탭관련 에러가 발생 하였습니다.
이것을 어떻게 수정해야 하는지 알려주시면 감사하겠습니다~

베누시안 access_time

상품 편집 화면의 편집기에 상품 설명을 입력하면 됩니다.

access_time

비밀댓글입니다

베누시안 access_time

잘 만드셨네요. IE8까지 접속해봤는데 ShareThis 아이콘 중 일부만 나오고 나머지 버전에서는 제대로 나옵니다. IE8은 무시하세요. 다른 컴에서 접속해보세요.
번역이 잘 안나오는 것은 원인을 모르겠으나 영어로 전환하면 영어로 나옵니다. 방법은 Poedit이라는 프로그램을 사용해서 해당 단어를 검색해 원문인 영어로 변경하고 저장한 다음 업로드 하세요.
아래 링크의 중간 부분을 참고하세요.
http://martian36.tistory.com/1054

쇼핑 access_time

안녕하세요. 책은 DIY와 쇼핑몰만들기 요렇게 두개 구입했는데요
책에 나온대로 하면 다 잘되는데요.우커머스까지 다 설치했구요. 지금 로컬에서 작업중이예요
themeforest에서 유료테마 구입후에 적용을 했더니 흰바탕만 보이고 에러메세지도 안보여요
익스플로러에서 열었더니 내부서버오류 라면서 아예안뜨길래 오토셋까지 다 지우고 다시 작업한후에
유료테마먼저 셋팅하고나서 우커머스 활성화를 하자마자 또 흰바탕만보이고 연결이 안됩니다
어떻게 방법이 없을까요~ㅠㅠ

베누시안 access_time

안녕하세요. 크롬에서 열어보세요. 그래도 안나오면 테마를 이메일로 보내주세요. martian36@naver.com

김봉준 access_time

워드프레스 쇼핑몰 만들기 112페이지에
PDF가이드를 참고하라는 말이 나오는데
pdf 가이드는 어디서 구할수 있을까요~?

워드프레스열공 access_time

정말 답답해서 글을 올립니다.
"워드프레스 쇼핑몰"을 구입하여 열심히 공부하고 있으나,
한글화 부분이 막히네요.

책에 적혀 있는대로, 따라하였지만,

팝업창의 "다시 보지 않기"와 "\" 표시를 "원"으로 바꾸는 부분에서 잘되지 않네요.

현재 정상적으로 표시되지 않고, "��0 ����0 ����0 ��" 이런 문자들만 나옵니다.

어디가 잘못된것일까요?

베누시안 access_time

편집기를 책에서 권장하는 서브라임 텍스트를 사용하지 않을 경우 한글 문제가 발생합니다. 이 편집기를 사용하거나 인코딩을 utf-8로 변환해서 저장하세요.

라이마 access_time

좋은 책을 만들어 주셔서 감사합니다
열심히 독파하다 호기심이 생겨 책중간을 생략하고 만들어 놓으신 쇼핑몰을 auotset에설치 해보려고 하는데 어려움이 많습니다

우선 책마지막 501page에 "" 폴더 내용을 복사하지 않고 wordpress10 폴더를 그대로 복사해서 작업하면 데이터베이스를 수정하는 작업은 필요하지 않고 데이터베이스 파일 업로드 과정만 진행하면 됩니다. 데이터베이스 파일역시 wordpress10폴더에 들어 있습니다."" 라고 하셨는데...

wordpress10폴더만은 없고 wordpress10.vol1.egg~ wordpress10.vol11.egg 까지만 있어서 몽땅 다운 받아 압축을 풀고 wordpress10폴더를 임으로 만드는등 시도를 해봤으나 실패만 거듭하고 있습니다.

wordpress10폴더가 다른곳에 따로 있는지요~ 알려주시면 감사 하겠습니다

베누시안 access_time

알집으로 압축해제하면 wordpress10폴더가 만들어지고 이곳에 모든 파일이 있습니다. 오토셋으로 이동하고 진행하면 됩니다.

라이마 access_time

이렇게 빠르게 답변을 주시니 정말 감사합니다
다시한번 질문을 드려야 할것 같습니다
저자님께서 "알집으로 압축해제하면 wordpress10폴더가 만들어지고 이곳에 모든 파일이 있습니다"라고 하셨기에
압축을 해제하면 "wordpress10"이 자동으로 생성된다는 것으로 이해되어 해보앗으나 실패하고...
다음방법으로 "wordpress10.vol1"만 압축해제 하여 폴더명을 "wordpress10"로 변경하여 오토셋으로 이동하려 하는대 이것이 맞는 방법인가요?

베누시안 access_time

아마도 분할 압축을 모르시는 것 같습니다. 티스토리는 큰 용량의 파일을 업로드할 수 없기 때문에 10메가씩 분할 해서 업로드 한 것인데 이를 모두 내려받아 wordpress10.vol1.egg을 대상으로 오른쪽 마우스 클릭하면 메뉴가 있습니다. 여기에 압축 풀기를 클릭하면 폴더 없이 모두 압축이 해제가 되고 "wordpress10.vol1"에 압축 풀기를 선택하면 wordpress10.vol1라는 폴더에 압축해제 됩니다. 이를 wordpress10로 수정하세요. 따라서 두번째로 한 것이 맞습니다.

Loland access_time

관리자의 승인을 기다리고 있는 댓글입니다

Loland access_time

관리자의 승인을 기다리고 있는 댓글입니다

Loland access_time

관리자의 승인을 기다리고 있는 댓글입니다

김홍록 access_time

관리자의 승인을 기다리고 있는 댓글입니다