October 22, 2016

02 워드프레스로 영문 웹사이트 쇼핑몰 만들기


워드프레스로 영문 웹사이트, 쇼핑몰 만들기 02

지난번 포스팅에서는 "도메인 신청, 웹호스팅 신청, 워드프레스 설치"에 대해서 알아 보았다. 그럼 계속해서 그 이후의 과정 및 기타 상세한 것들에 대해서 알아보자.

1. 우커머스 설치하기
지난번 포스팅에서 워드프레스의 설치까기 마쳤었다. 워드프레스까지 설치했다면 아주 기본적인 셋팅은 끝난 셈이다. 뼈대가 갖추어진 것이다.

그럼 이제 우커머스(woocommerce)라고하는 쇼핑몰 툴(?)을 설치해 보자. 우커머스란... 워드프레스와 연동되는 "플러그인"으로 워드프레스에서 결재 등과 같이 어떤 특정 기능을 할 수 있도록 "플러그인 혹은 익스텐션(extension)"을 제공하는 서비스다. 한국에서는 PG사 연동에 +-20만원 초기 가입비를 내야하는데 말이다.(의문: 왜 외국은 무료인데 한국은 유료일까? 외국애들은 멍청해서?)

 쇼핑몰에 필요한 필수 기본 서비스는 무료지만 기본 외에 자신만의 독특한 기능을 추가하려면 유료 플러그인을 구입해야 한다. 우커머스의 기본 설치는 무료이며.. 이 우커머스 플러그인을 통해 자신의 홈페이지와 "결제 시스템"을 연동시킬 수 있다. 또한 수많은 우커머스의 유료 또는 무료 "플러그인"을 통해 쇼핑몰에 다이나믹한 기능 등을 거의 무한정 추가할 수 있어서 다양한 기능의 워드프레스 웹사이트 또는 쇼핑몰을 손쉽게 만들 수 있다.

예전에는 사이트에 어떤 특정한 기능을 하도록 만들려면 글자 하나 하나 코딩 혹은 프로그래밍(?)을 해야 했었지만 이제는 "플러그인"을 다운로드 받아 워드프레스에서 설치하면 자신이 원하는 '어떤 기능'을 사이트에 코딩 작업 없이 추가할 수 있다. 한마디로 코딩지식이 없이도 사이트 구축이 더 간편해진 것이다.

플러그인 이란.. 일종의 컴퓨터 프로그램(?) 이라고 보면 된다. 즉 모듈이나 위젯처럼 작은 컴포넌트(component)로써 다운로드 받아 설치 과정을 통해 어떤 특정 역활/기능을 수행하도록 설계해 놓은 것이다.

자, 그럼 우선 우커머스 설치를 위해 해당 사이트에 접속하고 회원가입하여 다운로드 및 설치를 하기 바란다. https://woocommerce.com/


우커머스는 파일을 다운로드 받아 PC에 저장한 후 워드프레스 관리자 페이지에서 업로드하는 방식으로 설치할 수도 있고, (우커머스에 회원 가입 했다면) 워드프레스 관리자 페이지에서 직접 다운로드 및 설치할 수도 있다. 우커머스 회원가입하면 무료 우커머스 파일을 다운로드 또는 설치할 수 있는 메뉴가 있으니 우커머스를 워드프레스 관리자 페이지에서 설치하기 바란다.

2. 우커머스 설치 후 나타나는 메뉴
기본 우커머스를 설치하고 나면 아래 그림과 같이 몇개의 메뉴들이 자동으로 관리자 페이지에 생성되는데.. 이러한 메뉴들은 웹사이트 또는 쇼핑몰을 만드는 과정에서 중요한 역활을 한다. 주문현황이나 결재 및 배송 등에 관한 설정이 그것이다.


어찌보면 이 우커머스가 쇼핑몰 기능의 핵심을 담당하고 있다고 봐도 무관하다. 한국에서는 PG사 연동하는데 +-20만원쯤 하지만 외국은 무료다. 이런 된장... 자꾸 호갱되는 것 같다. 하지만 어쩔 수 없다. 전체가 까마귀인 곳에서는 백로도 까마귀가 되야한다.



2-1. 우커머스 메뉴 알아보기
우커머스를 설치했다면.. 위 그림에서 보는 것처럼 우커머스의 기본 메뉴가 나타나는데.. 이 메뉴들(Orders, Coupons, Reports, Settings, System Status, Add-Ons)에 대해서 간략하게 알아보자. 상세히는 너무 량이 많아서 생략한다.

-Orders: 주문이 들어오면 내역을 보여줌. 설정해둔 이메일로 주문상황을 알려준다.
-Coupons: 쿠폰으로 설정된 '쿠폰'을 관리할 수 있음.
-Reports: 월별, 년도별 판매 내역 보고서 등을 보여줌.
-Settings: 가장 중요. 가장 많이 사용. 계정, 배송설정,결재설정,상품전시설정,온라인 결재,쿠폰 등 기본 설정을 할 수 있음.
-System Status: 사이트의 시스템 정보를 보여줌.
-Add-Ons: 플러그인 을 통해 특정 '기능'을 구현할 수 있음.

위의 각 메뉴로 들어가면 '탭' 메뉴를 통해 더 구체적인 옵션 설정을 할 수 있다. 각 탭에서 어떤 옵션 설정을 어떻게 할 것인지는 관리자의 판단 선택이다. 대부분 디폴트 설정으로 놔두면 된다. 각 탭 메뉴의 옵션들을 살펴보고 자신이 원하는 옵션은 선택하면 된다. 뭔지 잘 모를 경우에는 그냥 놔두기 바란다.

3. Appearance 메뉴 살펴보기
우커머스까지 설치 되었다면 기본적인 셋팅은 완성된 셈이다. 하지만 아직 사이트의 디자인이 설정되지 않았다. 이른바 '테마(theme)'이라고 하는 것이 바로 이 Appearance 메뉴에 해당된다. 테마란 사이트의 디자인 아웃라인을 말한다. 내 생각에는 '디자인 스킨' 쯤으로 이해하면 좋을 것 같다. 사이트에 디자인을 입혀서 꾸미면 그럴듯한 웹사이트 또는 쇼핑몰이 되는 것이다.

워드프레스 및 우커머스 및 기타 웹사이트 구축 회사에서는 많은 무료 또는 유료 테마를 지원한다. 그러한 유무료 테마 들을 쭈욱 둘러보고 자신이 원하는 테마를 선택하여 다운로드>설치하면 된다. 설치된 테마는 Appearance 메뉴에서 관리할 수 있다.

주의할 것은 새로운 테마를 새로 설치하게 되면 기존의 테마를 덮어씌우게 되며 초기화 됨으로 각종 설정, 셋팅 등 역시 모두 변한다는 것이다. 따라서 새로운 테마를 설치하고 싶다면 만약을 위해 기존의 데이타를 백업하는 것이 좋다.

우커머스 와 워드프레스에서는 몇 개의 무료 테마를 제공한다. 좀 더 디자인이 이쁜 테마를 원한다면 우커머스나 인터넷 등을 통해서 무료 테마를 얼마든지 다운로드 받아 설치할 수 있다.​ 테마는 웹사이트나 쇼핑몰의 디자인을 결정하는 것임으로 신중할 필요가 있다. 여러 테마를 비교하여 자신에게 적합하고, 디자인도 괜찮은 것을 신중히 잘 선택하기 바란다. 처음에는 괜찮아 보이던 것도 나중에 보면 더 괜찮은 것들이 눈에 들어온다.^^ 암튼 무료 테마를 설치하면 Appearance의 Theme에 자신이 설치한 테마가 존재한다.



위 Appearance의 스크린 샷을 보면 다음의 메뉴들이 있음을 볼 수 있다. Theme, Customized, Widget, Menu, Header, Background, Premium Themes, Editor

Theme: 설치된 테마(=디자인 스킨) 및 새로운 테마를 관리할 수 있다.

Customized: 웹사이트의 테마 디자인을 사용자가 수정할 수 있다. 실력자는 코딩을 통해 디자인을 수정할 수 있지만 코딩이 안되면 이 커스터마이징을 통해 디자인을 쉽게 수정할 수 있다. 테마에 따라 수정하는 방법이 다르다.

Widget: 어떤 기능 수행을 위해 위젯을 다운로드 / 설치 관리할 수 있다.

Menu: 우커머스를 설치하면 제공되는 Home, AboutUs 같은 기본 메뉴들을 관리할 수 있다.

Header: 상단 메뉴(ex: 계정, 장바구니 등)를 관리할 수 있다.

Background: 말 그대로 배경을 관리할 수 있다.

Premium Themes: 프레미엄 테마는 유료 테마들로 유료 테마들을 관리할 수 있다.

Editor: 소스를 사용자가 직접 코딩 수정할 수 있다. 가장 중요한 부분이지만 실력이 없으면 가능하면 건드리지 않는 것이 좋다. 만약 능력자라면 코딩을 통해 자신이 원하는 기능 및 디자인 관리가 상당 부분 가능하다. 그러나 실력이 없다면 건드리지 않는 것이 좋다. 웬만하면 건드리지 마라.


4. Page 메뉴
워드프레스 페이지에는 쇼핑(Shop), 장바구니(Cart), 결재(Checkout), 나의 계정(My Account) 같은 "페이지"가 기본적으로 존재한다. 이 페이지란 흔히 웹사이트 혹은 홈페이지에서 "페이지"를 의미한다. 즉 홈페이지가 몇 페이지 자리냐라고 할 때의 그 페이지와 같은 개념이라고 보면 무관할 것 같다.

위에서 말한 각 페이지는 워드프레스에서 각각의 역할이 있다. ​ 나중에 상품을 포스팅하면 그 상품들이 쇼핑 페이지상에서 보여지게 된다. 장바구니 페이지는 장바구니에 물건을 담았을 때 장바구니 페이지에서 보여주는 식이다. 이 페이지 메뉴 범주에 자신이 원하는 페이지를 만들 수 있다. 예를 들면 회사소개, 정책, 위치 등의 페이지 같은 것들을 만들 수 있는 것이다. 페이지를 만드는 것 그냥 생성하기 버튼을 누르면 생성되는 식이라서 간단하다. 페이지 내용도 그냥 워드 사용하듯 하면 된다.

5. Media 메뉴
이 Media 메뉴는 사진이나 그림의 JPG 파일 또는 동영상 파일 등이 저장되는 곳이다. 자신의 홈페이지/쇼핑몰에 올려지는 모든 사진, 음악, 영상 파일이 이곳에 존재하게 된다.
개인적으로 이 메디아 메뉴가 폴더로 분류되었으면 좋겠다는 생각을 한다. 하지만 아쉽게도 이 메뉴는 파일을 폴더 방식으로 저장하지 않는다. 파일은 올려진 순서대로 저장되고.. 탐색기에서 파일 볼 때 목록보기가 아닌 "큰 아이콘" 보기 형태로 보여진다. 큰 아이콘보기로 보여줘서 그나마 좀 낮지만 만약 JPG 파일이 엄청 많다면 특정 파일을 찾는데 어려움이 있을 것 같다.


6. 워드프레스 설정(setting) 메뉴

우커머스의 설정 메뉴 외게 중요한 메뉴는.. 아래에서 보는 것과 같이 워드프레스의 설정 메뉴가 중요하다.
이 워드프레스 설정 메뉴는 General, Writing, Reading, Discussion, Media, Permalinks등의 메뉴가 있다.


General: 중요하다. 도메인을 연결하고 이메일등을 연결하다.
Writing: 사이트에 누가 쓰기 권한을 설정한다.
Reading: 누가 사이트를 읽기 권한을 설정한다.
Discussion: 나도 잘 모른다. 아마 토론 기능 등을 할 때 사용되는 메뉴인 것 같다.
Media: 이 메뉴는 그림이나 사진이 저장되는 곳이다. 상단에 보면 Media라고 같은 메뉴가 있다.
Permalinks: 그림이나 포스팅 글, 그림, 사진등에 영구 url 주소를 부여하는 설정이다. 근데 자동이니 몰라도 된다.



자, 오늘은 여기까지..
이쯤이면 거의 70-80%는 완성이 된 셈이다. 나머지 20-30%는 이용자의 필요에 맞게 수정, 보완하면 되는데.. 그런 부분까지 모두 포스팅할 수가 없을 것 같다. 나도 아직 워드프레스를 다 알지 못하고 이처럼 장문을 포스팅하기가 너무 힘들다. -.-;

기본적으로 위에서 언급한 5가지 메뉴의 서브메뉴에서 좀 더 언급하면 좋을 듯한 메뉴들에 대해서는 나중에 기회되면 포스팅하겠지만 포스팅할지는 장담 못하겠다. 본좌가 워드프레스의 모든 메뉴들과 옵션들에 대해서 상세하게 설명할 수는 없다. 일단 나도 완전히 알지 못하기 때문이다. 나도 배워가는 중이기 때문이다. -.-

워드프레스가 네티즌의 자발적 참여로 이만큼 발전한 것을 생각하면 이름없는 자발적 참여자들, 즉 수많은 나라의 네티즌들에게 그저 감사할 따름이다. 비록 내가 워드프레스를 전문적으로 사용하는 사람은 아니지만 말이다.

추후 가능하면 더 많은 메뉴들에 대해 설명하도록 노력하겠지만 여의치 않으면 못할 수도 있다. 따라서 그 외 사소한(?) 또는 기타 자잘한 메뉴와 설정, 구축 방법들에 대해서는 이용자가 스스로 익혀야 한다. 워드프레스나 이커머스 등에서는 무료로 메뉴얼을 제공하고 있으니 찾아가며 숙지하기 바란다. 물론 그럼 더 수고스러워지겠지만 말이다. 하지만 나도 누가 가르쳐 준건 아니다. 고생스럽겠지만 노력한다면 가능하리라 믿는다.

참고: 워드프레스 Glossary Codex(용어정리)
https://codex.wordpress.org/Glossary#Permalink

No comments:

Post a Comment