워드프레스 오픈마켓 쇼핑몰 워프토비 설정하기


오늘은 워드프레스로 손쉽게 오픈마켓을 구성할 수 있는 워프토비 솔루션의 설정방법에 대해서 알아보도록 하겠습니다. 

설정을 하기 위해서는 먼저 Wordpress와 워프토비(WPTOBE)가 설치가 되어있어야겠죠? 

WPTOBE의 소개와 통합설치는 아래 포스팅을 참고하시기 바랍니다.



먼저 WPTOBE가 설치되면 아래 그림과 같이 관리자화면에 'WPTOBE' 메뉴가 생성된 것을 확인할 수 있습니다. 'WPTOBE'를 눌러주세요.


워프토비를 세팅하는 화면이 나오는데요. 헤더(Header)와 푸터(Footer)등을 설정할 수 있습니다. 먼저 1번 'Header' 메뉴를 누르고 2번 'wptobe-1-0018'을 선택합니다. 


푸터를 설정하기 위해서 아래 그림에서 1번 'Footer' 메뉴를 누르고 2번 'wptobe-1-0010'을 선택합니다. 선택이 다되었으면 'Save Changes' 버튼을 눌러서 변경한 설정을 저장합니다.


저장을 하고나서 웹페이지를 확인하니 아래 그림과 같이 헤더와 푸터가 변경된 것을 확인할 수 있습니다.


위젯 변경하기


이제 위젯를 새롭게 변경하겠습니다. 관리자화면에서 1번 'Appearance > Widgets' 메뉴는 선택합니다. 그러면 오른쪽에 등록된 위젯을 볼 수 있는데요. 


현재는 2번과 같이 디폴트에 'Recent Posts'와 'Recent Comments'가 등록되어있습니다. 이 두개를 모두 삭제합니다.


그런뒤에 조금전 삭제한 디폴트 위젯에 Wptobemv Shop 0001 위젯을 'Add Widget' 버튼을 클릭해서 추가합니다.


그러면 아래 그림과 같이 Default 위젯에 추가된 것을 확인할 수 있습니다.


이제 웹사이트 화면을 보면 다음과 같이 변경된 것을 확인 할 수 있습니다.


메뉴 구성


이제 웹사이트 메뉴를 구성하기 위해서 'Select a menu to edit' 항목에서 1번과 같이 'WPTOBE User Profile'을 선택한 뒤에 메뉴를 2번과 같이 구성하여 줍니다. 

Selling과 Buying과 Logout 메뉴를 'User' 하위 메뉴에 추가했습니다. 구성을 마치면 'Save Menu' 버튼을 눌러서 저장합니다.


메뉴 구성이 정상적으로 되었는지 웹사이트 화면에 들어가보겠습니다. 구성이 제대로되었다면 아래 그림과 같이 오른쪽 상단에 메뉴가 디스플레이됩니다.


Selling 페이지 구성


워프토비로 페이지를 구성하는 것은 간단합니다. 먼저 관리자화면의 왼쪽 'Pages > All Pages' 메뉴를 선택해서 'Selling' 페이지를 찾아서 편집화면으로 들어옵니다. 

아래 그림과 같이 편집화면(Edit Page)에 들어오면 가운데 'Add widget' 버튼이 보이실 것입니다. Selling 화면을 구성하기 위해서 'Add widget' 버튼을 클릭합니다.


그러면 'Wptobemv Menu 0001'과 'Wptobemv Selling 0001' 위젯이 있습니다. 각각 선택해서 추가해줍니다.


그러면 Selling 페이지에 상단에는 Menu 0001이 하단에는 Selling 0001이 추가된 것을 확인할 수 있습니다.


Buying 페이지도 Selling과 마찬가지 방법으로 위젯을 찾아서 추가해줍니다.


회원가입 멤버쉽 세팅


이번에는 워드프레스 관리자화면 왼쪽메뉴에서 'Memberships > Memberships'를 클릭합니다. 

멤버쉽 설정화면이 나오면 아래와 같이 Password와 Confirm Password 란에 체크한 뒤에 'Save Changes' 버튼을 클릭해서 저장합니다.


이제 웹사이트 화면에 들어오면 다음과 같이 간단한 회원가입 입력양식이 나타난 것을 확인할 수 있습니다. 입력란에 정보를 입력하고 회원가입을 진행합니다.


상품 카테고리 등록


이제 우커머스의 상품 카테고리를 등록할 차례입니다. 'Products > Categories' 메뉴를 누릅니다. 입력란에 필요한 상품 카테고리를 등록합니다. 상하위 구조로 카테고리를 구성하고자하면 'Parent Product Category' 항목에서 부모에 해당하는 분류를 지정하시면 됩니다.


이제 상품 카테고리를 등록하였으므로 판매할 상품을 등록하도록 하겠습니다. 판매자로 로그인해서 'Your Listing' 메뉴에서 상품등록을 진행합니다. 먼저 상품이미지를 등록하고 분류를 지정합니다.


분류 지정이 되었다면 상품 설명을 입력하고 저장버튼을 클릭합니다.


웹사이트 화면에 보면 등록한 분류에 정상적으로 상품이 나타나는 것을 확인할 수 있습니다.


브랜드 등록하기


이제 상품의 브랜드를 등록하겠습니다. 'Products > Tags' 메뉴를 클릭한 뒤에 입력칸에 등록한 상품의 브랜드명을 추가합니다.


그리고 판매자로 로그인해서 한개의 상품을 더 등록하면서 아래와 같이 브랜드를 지정한 뒤에 상품을 저장합니다.


이제 웹사이트 화면에 들어와보면 등록한 브랜드 리스트가 나오고 해당 브랜드를 선택하면 분류에 해당하는 상품이 나오는 것을 확인할 수 있습니다.


상점 정보 변경하기


판매자의 상점 정보를 변경하기 위해서는 'Vendor' 메뉴에서 수정이 가능합니다. 'Vendor'를 메뉴를 누르고 상점 정보 설정화면에서 상점의 이름과 상점 로고를 변경합니다.


상점 전화번호와 이메일, 주소등도 최신 정보로 업데이트한 뒤에 'Save Changes' 버튼을 눌러서 저장해줍니다.


저장이 완료되면 변경한 상점에 대한 정보와 로고가 아래 그림처럼 나타납니다. 판매자에 대한 정보도 수정할 수 있는데요. 오른쪽 상단을 클릭합니다.


판매자에 대한 프로필을 변경할 수 있는 화면이 나타나고 프로필 이미지나 이름, 이메일등을 수정한 뒤에 저장버튼을 눌러서 저장합니다.


웹사이트 화면으로 들어오면 판매자에 대한 정보가 정상적으로 변경된 것을 확인할 수 있습니다.


지금까지 워드프레스에서 오픈마켓을 손쉽게 구현할 수 있는 워프토비 설정하기에 대해서 알아보았는데요. 좀더 상세한 정보를 확인하실 분들은 네이버 워드프레스 사용자모임 카페에 들어가시면 도움을 받으실 수 있습니다. 감사합니다.

오픈마켓 워프토비 통합설치 방법


워프토비는 워드프레스 코어를 포함해서 오픈마켓을 구현하기 위한 플러그인과 테마를 통합설치 버전을 배포하고 있는데요. 

통합설치를 하게되면 필요한 플러그인과 테마등을 개별로 설치하는 것보다 한번에 FTP로 설치하기 때문에 편리하게 이용하실 수 있습니다.

워드프레스로 오픈마켓 쇼핑몰을 손쉽게 구현할 수 있는 WPTOBE에 대해서 궁금하신 분들은 직전 포스팅인 아래를 참고하시면 됩니다.


그럼 시작해보겠습니다. 먼저 프로그램을 설치하기 위해서는 워프토비 공식 사이트에 접속하셔야 합니다. 공식사이트에 접속하시면 아래와 같은 홈페이지가 나타나는데요. '워드프레스 워프토비 화장품 오픈마켓 통합설치'를 선택하여주세요.


그러면 통합설치본을 다운로드할 수 있는 버튼이 우측에 보입니다. 'Free Download' 버튼을 클릭해서 프로그램을 내려받습니다.


프로그램의 다운로드가 되면 아래 그림과 같이 선택해서 '열기' 메뉴를 클릭합니다.


압축된 파일의 구성을 보면 워드프레스 코어인 wp-admin, wp-content, wp-includes 폴더가 함께 있는 것을 확인할 수 있습니다. 다운받은 압축파일을 로컬 컴퓨터에 압축을 해제합니다.


워프토비 패키지 FTP 업로드


압축의 해제가 모두 완료되면 FTP 프로그램을 실행시켜서 실제 설치할 호스팅에 접속합니다.


압축해제한 파일을 FTP로 호스팅의 다큐먼트 루트 폴더인 public_html 폴더에 드래그해서 업로드 하시면 됩니다. 호스팅 업체에 따라서 다큐먼트 루트 이름은 상이할 수 있다는점 유의하시구요.


워드프레스 설치


FTP 업로드가 모두 끝나면 웹브라우저를 열고 해당 호스팅의 URL에 접속합니다. 아직 워드프레스가 설치된 것이 아니기 때문에 아래 화면과 같이 설치 설정화면이 나타납니다. 'Let's go!'버튼을 클릭합니다.


해당 호스팅의 데이터베이스 이름과 DB 계정 정보를 입력한 뒤에 'Submit' 버튼을 누릅니다.


'Submit' 버튼을 눌렀을때 간혹 아래와 같이 'Sorry, but I can't write the wp-config.php file.'이라는 문구가 나온다면 한가지 간단한 코드 편집작업을 하면 됩니다. (이런 문구가 나오지 않는다면 코드 편집작업하실 필요는 없습니다.)


소스편집작업은 간단한데요. 사용하시는 소스 에디터 프로그램을 열어서 wp-config.php 파일을 연 뒤에 다시 저장하신 뒤에 호스팅에 다시 업로드하시면 됩니다.

     

그런 뒤에 'Run the install' 버튼을 선택해서 설치를 진행합니다.


설치를 위한 정보를 입력한 뒤에 'Install Wordpress' 버튼을 클릭해서 설치를 시작합니다.


간단한 설치가 완료되고 'Success!' 문구가 나타나는 것을 확인할 수 있습니다. 'Log in'버튼을 클릭해서 로그인을 진행합니다.


설정했던 로그인 계정 정보를 입력하시면 되구요.


폴더 권한 조정


로그인이 되면 아래그림과 같이 워드프레스 관리자화면이 나타나게 됩니다. 한 가지 확인할 사항이 있는데요. 이미지 파일이 잘 업로드 되는지 확인하기 위해서 미디어 메뉴를 선택해서 이미지 파일을 업로드 해봅니다.

아래와 같이 이미지 업로드가 되면 정상입니다. 만약 업로드가 잘 되지 않는다면 파일질라 FTP로 접속해서 /wp-content/uploads/ 폴더의 권한을 777로 변경합니다.


고유주소 설정


이제 고유주소 부분을 설정할 차례입니다. 설정(Setting) > 고유주소(Permalinks) 메뉴를 눌러서 포스트 이름을 글이름(Post name)으로 선택한 뒤에 저장합니다.


플러그인 활성화


워프토비 오픈마켓 통합솔루션을 이용하기 위해서는 플러그인(Plugins) 메뉴를 선택해서 설치되어있는 모든 플러그인을 차례로 활성화합니다.


테마 변경


먼저 'Appearance > Themes' 메뉴를 선택해서 1번과 같이 워프토비 테마를 활성화합니다. 그 뒤 2번 위젯 'Widgets' 메뉴를 선택합니다.


위젯 화면에 들어오면 워드프레스 설치시에 디폴트로 'Recent Posts'와 'Recent Comments'이 Defalut 위젯에 등록되어 있는 것을 알수 있습니다. 기본 위젯에 등록된 'Recent Posts'와 'Recent Comments'를 삭제합니다.


그리고 워프토비 Shop 001 위젯을 디폴트 위젯에 추가해야하는데요. 'Defalut'를 선택한 뒤에 'ADD Widget' 버튼을 클릭합니다.


이제 디폴트 위젯에 워프토비 Shop 001 이 추가된 것을 확인할 수 있습니다.


이제 멤버쉽 설정을 하나해야합니다. 왼쪽에서 1번의 Memberships > Memberships를 선택합니다. 그리고 2번 Password와 Confirm Password 항목에 체크합니다.


이제 왼쪽의 워프토비(WPTOBE) 메뉴를 선택해서 1번 Header를 누르고 2번 wptobe-1-0018 을 선택합ㄴ다.


헤더 설정을 마쳤으면 푸터도 1번 Footer를 클릭해서 2번 'wptobe-1-0010'을 선택합니다.


헤더와 푸터 설정이 끝나면 'Save Changes' 버튼을 누릅니다.


이로써 워드프레스 오픈마켓 쇼핑몰을 만들 수 있는 워프토비 통합설치 방법에 대해서 알아보았습니다. 조금더 자세한 내용을 원하시는 분들께서는 네이버 워드프레스 사용자모임 카페를 들어가시면 됩니다. 감사합니다.
오늘은 워드프레스로 오픈마켓 쇼핑몰을 구현하는 방법에 대해서 안내드리도록 하겠습니다. 일반적인 쇼핑몰과 틀리게 오픈마켓 시스템을 구축하는 것은 그렇게 간단하지는 않습니다.

Wordpress를 사용해서 기본적인 쇼핑몰을 운영하기 위해서는 우커머스 플러그인은 필수이지만 한국상황에서는 여러가지 커스터마이징해야하는 부분이 있는 것이 사실입니다. 더구나 멀티벤터를 지닌 오픈마켓을 구현하는 것은 더욱 간단하지 않습니다.

그렇지만 오늘 소개드릴 워프토비를 활용하면 큰 어려움없이 무료로 오픈마켓 구현이 가능합니다. 그럼 시작해보겠습니다.

먼저 워프토비를 사용하기 위해서 필요한 플러그인과 테마가 필요합니다. 필수 프로그램은 다음과 같이 4가지 입니다.

  1. 우커머스 플러그인 2.5.5 버전
  2. 워프토비 멀티벤더
  3. 워프토비 멤버쉽
  4. 워프토미 테마


워프토비의 편리한 장점


일단 워프토비를 사용하게되면 가장 큰 장점중 하나는 위젯을 사용해서 쇼핑몰 메인디자인을 구성하는 부분입니다. 

일반적으로 워드프레스는 테마를 변경해야지만 화면의 전체적인 UI를 일괄적으로 변경할 수 있지만 워프토비는 플러그인으로 이런 기능을 구현해서 위젯을 조정만으로도 훌륭한게 웹페이지를 구성할 수 있습니다.


위의 4가지 필수 프로그램 외에도 몇가지 플러그인들을 추가적으로 구성하면 되는데요. 필요 프로그램들의 목록은 다음과 같습니다. 

  1. wptobe-shop-001 : 쇼핑몰 메인 홈페이지
  2. wptobe-selling-0001 : 판매자 페이지
  3. wptobe-buying-0001: 구매자 페이지
  4. wptobe-menu-0001: 페이지 상단 메뉴
  5. wptobe-1-0018 : 헤더
  6. wptobe-1-0010: 푸터

그럼 쇼핑몰 화면을 보겠습니다. 아래는 wptobe-shop-001 위젯 플러그인을 사용해서 구현한 오픈마켓 모습입니다. 

화면 상단에는 메뉴가 보이고 왼쪽의 1번 영역에는 상품카테고리와 가격, 브랜드를 선택할 수 있고 오른쪽 2번 영역은 상품의 리스트 화면이 나타납니다. 

위젯의 드래그앤 드롭으로 간단하게 화면을 구성할 수 있습니다. 또한 언제든지 다른 위젯으로 교체가 가능합니다.


또한 이 페이지는 우커머스의 Shop 페이지와 동일한데요. 일반적인 경우에는 테마를 변경하기 전에는 Shop 페이지를 변경할 수 없습니다. 

그 이유는 테마에 우커머스 템플릿파일이 포함되어있기 때문입니다. 이런 단점을 보완하기 위해서 워프토비는 이것을 위젯 플러그인으로 돌려서 언제든지 드래그앤드롭으로 쉽게 메인페이지를 바꿀수 있게 구성하였습니다. 

그럼 3번 상품을 클릭해보도록 하겠습니다.


3번 상품을 클릭하면 상품 상세페이지로 들어오게 되는데요. 여러가지 이미지를 등록하면 자동으로 상품 슬라이드로 전환되어 이미지가 보여지게 됩니다. 아래는 첫번째 상품이미지이고


두번째 상품이미지 


그리고 세번째 상품이미지가 보여지는 것을 확인할 수 있습니다. 아래 1번 영엑에는상품 설명과 댓글란이 있고 오른쪽 2번 영역에는 상품 주문버튼이 있고, 상품 주문버튼과 판매자에게 메세지를 보낼 수 있는 기능, 관심상품 등록기능, 판매자 상점페이지로 이동할 수 있는 링크가 제공됩니다.

그럼 판매자로 로그인을 해보도록 하겠습니다. 3번 [Sign in] 을 선택합니다.


판매자 화면


판매자의 로그인 계정을 입력해서 로그인 합니다.


판매자로 로그인하면 오른쪽 상단에 Selling 메뉴를 확인하실 수 있는데요. Selling은 판매자의 설정 및 운용 페이지 입니다. [Selling]을 선택합니다.


Selling에는 다섯개의 메뉴가 있는 것을 확인할 수 있습니다. 먼저 Order는 구매자가 주문했을 때 보여지는 판매 주문페이지입니다.


Your Listing은 새로운 상품을 등록하거나 등록한 상품을 수정하는 페이지입니다.


Vendor는 상점의 정보를 등록하는 화면입니다.


Shipping은 우커머스가 제공하는 배송비 계산시스템을 설정하는 곳입니다.


Report는 간단한 통계를 보여주는 화면입니다. 그럼, 상단의 [Buying] 메뉴를 선택하겠습니다.


Buying은 구매자를 위한 프로파일 메뉴입니다. 먼저 첫번째 Order를 클릭하면 구매자의 주문리스트를 보여줍니다.
Shipping Address는 배송지의 주소를 등록하는 곳입니다. Order-Tracking은 주문조회를 할 수 있고 My Wishlist는 관심상품 등록된 상품리스트를 보여줍니다. 

Profile, Inbox, Levels, Points, Settings은 워프토비 멤버스 관련 메뉴입니다.


워프토비 오픈마켓 기본 구매 프로세스


그럼, 새로운 판매자가 회원가입을 하고 상품을 등록하고 구매자가 구매하는 것을 확인해보도록 하겠습니다.

새로운 사용자로 회원가입을 하고 그 사용자로 로그인합니다.


판매자는 로그인해서 Selling 메뉴의 Your Lisiting 화면에 들어가서 [ADD A LISTING] 버튼을 클릭해서 새로운 상품을 등록합니다.


'DROP IMAGES HERE TO UPLOAD' 부분을 마우스로 선택해서 상품이미지를 등록하겠습니다.


열기 팝업이 뜨면 등록하기 원하는 상품이미지를 선택합니다.


선택한 상품이미지가 PHOTOS 부분에 등록된 것을 확인합니다. 상품명과 가격은 필수 항목입니다. 


상품 카데고리와 상세설명, 브랜드를 선택한 뒤에 [Submit] 버튼을 클릭해서 상품을 등록 절차를 마칩니다.


이제 구매자 ID인 user3로 로그인합니다. 


구매자로 로그인해서 판매자가 등록한 상품을 선택해서 상세페이지로 들어갑니다. 상품 상세페이지에 들어오면 구매하기 'Buy now' 버튼을 클릭합니다.


이제 구매자는 배송정보를 입력하고 결제를 진행합니다.




#266 주문이 완료된 것을 확인할 수 있습니다. 자신의 구매목록을 보려면 Buying 메뉴를 선택합니다.


주문목록에 조금전에 구매한 리스트가 나타나는 것을 확인할 수 있습니다. 이제 판매자 화면으로 이동하겠습니다.


주문을 확인하기 위해서 user1 판매자 계정으로 로그인합니다.


판매자로 로그인하니 Order 화면의 주문리스트에 조금전에 구매자가 주문한 #266 주문이 나타는 것을 확인할 수 있습니다.


판매자는 #266 주문을 클릭해서 주문 상세 내역을 확인하고 상품을 준비하게 됩니다.


지금가지 워프토비를 이용한 워드프레스 오픈마켓 시스템을 Overview 해보았습니다. 좀더 상세한 내용을 원하시는 분들께서는 네이버 워드프레스 사용자모임 카페에 접속하시면 여러가지 도움을 받으실 수 있습니다. 감사합니다.

워드프레스 책이 출간되었습니다. 진심 추천해요!


안녕하세요? 제트슈만입니다. 이번 달에 제가 집필한 워드프레스 책이 출간되었습니다. 바쁘다는 핑계와 게으름으로 거의 2주가 되어서 이제야 제 블로그에 정식으로 알리게 되네요. 


그럼 소개할께요.
 
제가 이번 Wordpress 책을 집필하면서 가장 고민하면서 중점을 둔 부분은,
초보자나 입문자는 빠른 속도로 스킬업(Skill Up)하고, 초보단계는 넘어선 중급 진입자이지만 Wordpress 실무 웹사이트 제작에 어려움을 겪은 독자에게는 실력을 단번에 점프업(Jump Up)하게 하는 것이었습니다.


그래서 책의 페이지 수를 늘리기 위해서 잘 사용하지도 않는 플러그인이나 기능 위주의 나열이 아니라, 웹사이트를 구성하는데 꼭 필요한 플러그인과 기능만 선별해서 구성했습니다. 결국 이것만 알면 다른건 몰라도 웹사이트 제작에 문제없다! 라는 목표로 집필을 한 것이죠.

그리고, 여러가지 책을 볼 필요없이, 이 책 단 한권만 마스터해도 실제 사용할 수 있는 수준의 웹사이트 제작이 가능하도록 하는 집필 포인트도 놓치지 않았습니다.


독특한 구성의 워드프레스 책


실제 다른 Wordpress 책을 보면 초보/입문자용 도서, 중급자용 도서, 실무 웹사이트 제작용 도서등으로 책이 세분화 되어있어서 Wordpress의 기본적인 기능을 익히고 실무 웹사이트를 만들기 위해서는 별도의 책을 또 봐야하는 불편함을 있는 것이 사실인데요. 이것을 한 권으로 해결하게 했습니다.

그럼, 독특한 구성을 가지고 있는 이 책의 세 가지 특장점을 설명 드리겠습니다.


첫째, 단 한권이면 된다!


① 단 한 권으로 기본 설치부터 Wordpress 실무 웹사이트 완성까지 전 과정을 마스터합니다.

Wordpress의 기본 기능은 블로그를 만들고 관리하는 일만큼이나 어렵지 않습니다. 그렇지만 사전 지식 없이는 Wordpress 설치, 도메인과 호스팅 등 Wordpress를 시작하기 전에 해결해야 할 난관이 한두 가지가 아닙니다.

Wordpress를 겨우 설치해서 관리자 화면에 접속해도, 수많은 설정 항목 사이에서 갈팡질팡하기 십상인데요.
이 책은 Wordpress를 처음 접하는 초보자들의 입장에서 웹사이트를 만들고 관리하는 데 필요한 모든 과정을 하나하나 빠짐 없이 설명하며 실습을 진행합니다.

관리자 화면에서도 테마, 플러그인, 글 쓰기, 미디어 라이브러리, 일반 설정 및 사용자 관리 등 Wordpress 관리자가 웹사이트 제작 과정에서 꼭 챙겨야 할 기능들을 설정하는 방법을 알려 줍니다.


둘째, 무료 테마와 플러그인으로 돈 한 푼 들이지 않고 전문적인 실무 웹사이트를 만든다


② 무료 테마와 플러그인으로 전문적인 웹사이트를 구성합니다

Wordpress에서는 가입형 블로그에서 스킨을 바꾸듯 간편하게 테마를 설정해서 수준 높은 웹 디자인을 구현할 수 있습니다. 그리고 글 작성, 게시판, SNS와 웹사이트 연동, 고객 문의, 보안, 백업 플러그인으로 필요한 부가 기능을 자유롭게 추가해서 쓸 수 있습니다.

이 책을 마스터하면 엄선된 무료 테마, 플러그인으로 이용하면 돈 한 푼 들이지 않고도 완성도 높은 웹사이트를 만들수 있습니다.


세째, 실무 웹사이트를 유형별로 네 가지나 제작해본다


③ 실무 웹사이트를 유형별로 제작해 봅니다.

워드프레스 관리자 기능과 플러그인 및 테마 사용법을 어느 정도 익힌 사용자라면 이제 자신에게 필요한 웹사이트를 만들 차례입니다.


 
이 책의 파트4 에서는 회사 웹사이트, 쇼핑몰, 블로그 웹진, 포트폴리오 웹사이트를 직접 만들어 보면서 앞서 배운 Wordpress의 기본 기능을 직접 적용해봅니다. 여기서 실습하는 네 가지 유형의 웹사이트의 형태를 익히고 변용하면 어떤 주제의 웹사이트라도 무리 없이 만들어 낼 수 있는 실력을 갖추게 됩니다.


저는 이 책이 독자분들에게 정말 유익한 책이되었으면 하는 바램입니다. 소중한 시간을 건져올리는 책이 되었으면 하구요.

그럼 좀더 자세한 내용을 알고 싶으신 분들은 아래를 자세히보기를 참고하시기 바랍니다. 감사합니다.



닷홈 무료 호스팅으로 웹사이트 만들기


과거에는 국내에도 여러 무료 호스팅 서비스가 존재했었습니다. 그렇지만 근래에는 어느정도 인지도가 있는 웹호스팅 업체중에서 무료 웹호스팅을 제공하는 곳은 닷홈이 거의 유일한 것 같습니다. 닷홈 무료 호스팅은 비용이 들지 않기 때문에 웹호스팅을 통해서 처음 홈페이지나 웹사이트를 구축해보려하는 사용자나 소상공인, 창업을 준비하는 직장인, 학생에게 무척 유용합니다.


물론 무료로 제공하기 때문에 서비스 용량이 적기는 하지만 무료 호스팅으로 웹사이트 제작 연습을 해보고 추후에 용량을 증설해도 무방하기 때문입니다. 참고로 해당 포스팅은 닷홈으로부터 어떠한 지원이나 받지않은 자발적인 포스팅임을 밝힙니다.


닷홈 무료 호스팅 이용 절차


그럼, 닷홈 무료 호스팅을 사용 방법을 알아보겠습니다. 먼저 닷홈 홈페이지에 접속합니다. 우리는 웹호스팅 서비스를 받는 것이므로 닷홈 홈페이지 메뉴에서 '웹호스팅 - 무료 호스팅' 메뉴를 클릭합니다.


무료 호스팅 메뉴를 클릭하면, 무료 호스팅 서비스에 대한 안내 사항이 나옵니다. 닷홈은 창업때부터 무료 호스팅 서비스를 지켜왔고, 현재 국내 최대의 무료 호스팅 서비스라는 안내 문구가 있습니다. 

주의해야 할 것은 2번이 지시하는 '무제한 웹호스팅 FREE 신청하기' 버튼을 클릭하면 않됩니다. '무제한 웹호스팅 FREE' 서비스는 별도의 비용이 들어가는 서비스입니다. 2번 버튼을 누르지 않고 마우스로 화면을 조금더 아래로 내립니다.




마우스로 화면을 조금 내리면 아래와 같이 무료호스팅을 신청하는 화면이 나타납니다. 왼쪽과 오른쪽 두가지 종류가 있는데 왼쪽은 기본적인 무료 호스팅신청이고 오른쪽의 무료호스팅 Like+ 서비스는 닷홈 페이스북에 좋아요를 클릭하면 디스크와 트래픽 용량을 3배로 늘려주는 서비스 입니다. 

여기에서는 왼쪽의 기본적인 무료 호스팅으로 진행하겠습니다. 무료호스팅 Like+도 신청 방법이 동일하니 페이스북을 이용하는 사용자는 닷홈 페이스북에 좋아요를 클릭하고 오른쪽을 이용하면 됩니다.


무료 호스팅을 신청할 때, 공간만 설치할 수도 있고 호스팅 공간에 워드프레스나 XE, 제로보드, 그누보드등 CMS(Content Management System)을 설치할 수 도 있습니다. 차이점은 공간만 설치할 때는 말그대로 공간만 부여되기 때문에 자신이 직접 프로그래밍을 해서 웹사이트를 제작해야합니다. 



따라서 초보자는 할 수 없기 때문에 워드프레스나 XE등 CMS를 선택하고 신청해야 합니다. CMS 선택하고 설치하면 자신만의 서버 공간을 부여받고 그 공간에 홈페이지(웹사이트)가 바로 설치되는 것입니다. 여기에서는 워드프레스 한글 버전을 설치하겠습니다. 아래 그림과 같이 워드프레스를 클릭하고 신청하기 버튼을 클릭합니다.


신청하기를 클릭하면 로그인후 이용가능하다는 안내 팝업이 뜹니다. 먼저 회원가입을 진행해야 합니다. 화면 우측 상단에 '회원가입' 메뉴를 클릭합니다.




아래 화면과 같이 회원 가입 정보를 모두 입력한 뒤에 '가입하기' 버튼을 클릭합니다.






회원 가입이 완료되면 다음과 같은 안내 화면이 나타납니다. 아이디와 비밀번호를 입력하고 로그인 버튼을 클릭합니다.



로그인을 한 뒤에 조금전 한 것처럼 '웹호스팅 - 무료 호스팅' 메뉴를 클릭해서 닷홈 무료 호스팅 신청하기 화면으로 이동해서 워드프레스 한글버전을 선택하고 신청하기 버튼을 클릭합니다.



무료 호스팅 안내문이 나오는데, 안내문을 읽고 동의사항에 체크하고 아래 무료호스팅 신청하기 버튼을 클릭합니다.



웹호스팅 신청 화면


무료호스팅 신청하기 버튼을 클릭하면 다음과 같이 웹호스팅을 신청하는 페이지로 넘어옵니다. 담당자 정보와 계약자 정보를 입력합니다.




이번에는 웹호스팅 설정 정보를 입력하는 부분입니다. FTP 아이디와 비밀번호, 그리고 DB 아이디와 비밀번호는 추후에 웹사이트 관리시 필요하니 잊어버리지 않도록 다른곳에 잘 적어둡니다.

워드프레스 한글 설정 정보부분은 바로 호스팅 공간안에 설치되는 자신의 워드프레스 웹사이트(홈페이지)에 로그인하는 관리자 아이디와 비밀번호를 설정하는 곳입니다. 관리자 이메일은 비밀번호 분실시 사용하므로 반드시 사용하는 이메일 주소를 적어야합니다.



마지막으로 무료계정 사용정책 동의에 클릭한 뒤, 이메일 인증을 하고 메일로 발송된 인증코드을 입력한 뒤에 '신청하기' 버튼을 클릭합니다.




무료 호스팅 설치가 진행중이다는 메세지가 뜨고 있습니다. 10초 정도 기다리면 설치가 완료됩니다.


무료 호스팅의 설치가 완료되었고, 아래 그림 3번과 같이 자신이 신청한 아이디에 해당하는 계정으로 아이디.dothome.co.kr 형태의 홈페이지(웹사이트) 주소가 생성된 것을 확인할 수 있습니다. 이제 무료로 제공되는 나만의 닷홈 웹사이트를 확인하겠습니다. 4번 마이닷홈 메뉴를 클릭합니다.



닷홈 관리자 화면, 마이닷홈


마이닷홈 메뉴를 클릭하면 관리자 화면인 마이닷홈 화면으로 이동합니다. 이곳에  현재 등록된 호스팅 리스트를 확인할 수 있습니다.. 오른쪽에 상세보기 버튼을 클릭합니다.

이제 호스팅 관리 화면이 나옵니다. 여기에서는 그림의 5번과 같이 내가 신청한 닷홈 무료 호스팅의 HDD 용량과 트래픽 사용량등을 확인할 수 있습니다.
우리가 처음에 신청할 때에 CMS로 워드프레스를 설치했는데 워드프레스는 6번 도메인 계정을 클릭하면 확인할 수 있습니다. 즉, 6번 도메인 이름으로 내가 설치한 워드프레스 웹사이트가 열리는 것입니다. 6번을 클릭하겠습니다.


특별한 작업없이 자동으로 CMS인 워드프레스 한글 버전이 설치된 것을 확인할 수 있습니다. 워드프레스 설치시 기본 테마가 설치되어서 단순해보이지만 파워플한 기능을 보유한 CMS입니다. 워드프레스에 대해서 더 공부하기 원하는 분들은 제 블로그 메뉴에서 워드프레스 부분을 참고바랍니다.



싼도메인 구입하기, 고대디 godaddy와 도메인 가격비교



요즈음은 경제적인 상황이 좋지 않습니다. 그러다보니 여러가지 지출을 하고 서민들의 주머니는 비어있기 일상인데요. 그러다보니 도메인을 고를때도 싼도메인을 찾는 것이 합리적인 선택이 되었습니다. 그렇지만 그저 저렴하기만한 도메인이 아니라 가성비가 높은 싼도메인을 찾는 것이 중요하겠지요? 여기에서는 도메인 가격비교와 안내를 통해서 여러분의 선택을 돕겠습니다.

국내에는 도메인 등록 서비스를 하는 여러 업체가 있습니다. 대표적으로 가비아를 비롯해서 후이즈, 카페24, 닷홈 등 수많은 업체들이 도메인 서비스를 제공하고 있습니다. 

도메인 업체는 일반적으로 웹호스팅 서비스도 함께하고 있습니다. 도메인이 인터넷상에서 고유한 이름을 생성해서 등록하는 서비스라면, 웹호스팅은 해당 도메인을 가지고 인터넷 서비스를 하기 위해서 웹서버 및 어플리케이션 서버 공간과 시스템을 제공하는 것입니다. 


싼도메인을 찾는다면 국외로 눈을 돌려보자


국내 유저들은 일반적으로 국내에서 익히 알려진 가비아를 비롯해서 후이즈, 카페24, 닷홈 등 국내 도메인 호스팅업체의 서비스를 이용합니다.

그렇지만, 예전에도 싼도메인을 찾는 알뜰 사용자의 경우 국내보다 저렴한 국외로 눈을 돌려서 외국에서 서비스를 받아왔습니다. 물론 편의성이나 여러가지 이유로 국외 서비스가 불편한 점이 많았고 외면 당했던 것이 사실입니다.

우리가 찾은 가성비 도메인은 대표적인 외국 도메인 및 웹호스팅 업체인 godaddy(고대디)입니다.

과거에는 godaddy(고대디) 웹사이트가 영문으로 되어있어서 사용하기가 불편하였으나 이제는 한국어로 웹사이트를 개편해서 국내 사용자도 불편함 없이 이용할 수 있습니다. 또한 한국 사용자를 염두해두고 웹사이트를 개편하였기 때문에 홈페이지의 이질감도 없어졌습니다.



닷컴 도메인을 단 2천원대에 구매가 가능하다


GoDaddy를 이용하면 가장 유명한 도메인인 닷컴 도메인(.com)을 2천원대에 저렴한 금액으로 구매가 가능합니다. 전세계에서 사용할 수 있는 닷컴 도메인이 2천원대면 저렴한 축에 속합니다.

물론 국외에 몇 백원하는 서비스도 있지만 여러가지 보안 문제와 해당 서비스의 신뢰도를 생각하면 그래도 유명세가 godaddy 고대디 정도되는 도메인 서비스를 받는 것이 안전합니다. 그럼 국내 도메인 서비스인 가비아, 닷홈, 카페24의 가격을 알아보겠습니다.



국내 가비아와 닷홈, 카페24 닷컴(.com) 도메인 가격비교


현재 기준으로 국내에 가비아와 닷홈, 카페24의 도메인 가격을 비교해보았습니다. 국내 가격 현황을 보면 고대디(godaddy)의 닷컴(.com)가격이 얼마나 저렴한 것인지 확인할 수 있겠지요?



도메인명은 동일한 것을 입력해서 국내 세 호스팅 업체에서 가격을 알아보았습니다.
먼저 아래 그림처럼 가비아의 경우 닷컴(.com) 도메인이 할인이 들어가서 1년에 13,000원 입니다. 가비아의 경우에는 부가세가 별도 금액이라서 여기에 부가세가 추가됩니다.



닷홈의 경우에는 가비아보다는 저렴한 1년에 10,780원입니다. 그래도 만원은 넘는 금액입니다.


국민호스팅이라 불리우는 카페24의 경우 닷컴 도메인 비용은 비싼편이었습니다. 아래 그림과 같이 1년에 22,000원입니다.
결국 가비아 13,000원(부가세 별도), 닷홈 10,780원, 카페24 22,000원으로 닷홈이 가장 저렴했습니다.
그렇지만 가장 저렴한 닷홈도 고대디 godaddy의 2,999원과는 차이가 많이 나고 있습니다.

저렴하게 도메인을 이용하고자 하는 분들께서는 고대디도 고려해 보는 것이 좋을 듯 싶습니다.



고대디 GoDaddy, 싼도메인이지만 서비스 질까지 낮진 않다


먼저, 참고로 본인는 고대디 GoDaddy 홍보대사이거나 별도의 금전적인 지원이나 댓가를 받지 않았습니다. 해당 포스팅은 자발적으로 작성한 것임을 분명히 언급하겠습니다.

일단, 우리는 저렴한 도메인이라서 서비스가 떨어지거나 신뢰성에 대한 의문을 가질 수 있습니다.

그렇지만 GoDaddy는 이미 전세계 6,000만개 이상의 도메인을 관리하고 있는 세계 최대의 도메인 업체입니다. GoDaddy를 이용하고 있는 고객 수만 1,400만명이 되는 세계적인 업체이니 안심하고 사용해도 된다는 의미입니다.




또한, 도메인 관련해서 궁금한 사항이 있을 때는 전화문의도 가능하기 때문에 안심하고 사용할 수 있습니다.

일반적으로 국내업체에서도 도메인과 호스팅 업체에 전화문의를 하면 친절하게 답을 주기 때문에 궁금한 사항을 전화로 문의할 수 있다는 점은 외국 업체이지만 매리트가 있는 것입니다.



그럼 다음 시간에는 싼도메인 고대디 홈페이지에서 실제 도메인을 구입하는 절차 및 방법을 알려드리겠습니다. 감사합니다.


워드프레스에 구글 애드센스 광고 넣는 방법


이번 시간에는 구글 애드센스 광고를 워드프레스 사이트에 넣는 방법에 대해서 공부하는 시간을 가지도록 하겠습니다.
구글 애드센스 가입 및 광고를 만드는 방법에 대해서는 아래 포스팅을 참고바랍니다.


구글 애드센스를 사용하는 사용자라면 자신이 운영하고 있는 여러가지 시스템 및 채널에 애드센스 광고를 달기를 희망합니다.
과거에 비해서 요즈음에는 광고를 게재하는 방법이 시스템별로 여러가지 형태의 플러그인으로 제공되고 있어서 편리하게 사용할 수 있습니다.

워드프레스에 구글 애드센스 광고를 넣는 방법은 크게 두 가지 정도의 방법이 있습니다. 
첫째는 구글 애드센스 코드 자체를 복사해서 자신이 운영하는 워드프레스 사이트의 HTML 소스 안에 직접 편집해서 넣고 광고를 게재하는 방법,
둘째는 구글 애드센스 플러그인을 사용해서 광고를 게재하는 방법입니다.

여기에서는 두번째 방법인 플러그인을 활용해서 손쉽게 광고를 게재하는 법을 알아보도록 하겠습니다.


워드프레스용 구글 애드센스 플러그인 설치하기


구글 애드센스 플러그인을 설치하기 위해서는 플러그인 화면에 들어가야 합니다. 워드프레스 관리자화면(알림판) 메뉴에서 플러그인 > 플러그인 추가하기 메뉴를 클릭합니다.



플러그인을 검색하고 추가하는 화면이 나타납니다. 플러그인 검색창에 easy adsense 라고 입력하고 검색을 하면 맨 첫번째 검색되는 Easy Plugin for AdSense가 여기에서 사용할 플러그인입니다.

4만명 이상이 설치해서 사용하고 있고, 플러그인에 대한 최근 업데이트도 1개월 전에 있기 때문에 어느 정도 신뢰성있는 플러그인라 생각할 수 있습니다. 지금 설치하기 버튼을 클릭해서 플러그인 설치를 진행합니다.



플러그인 설치가 완료되었습니다. 플러그인을 활성화를 클릭합니다.




구글 애드센스 플러그인 사용하기


플러그인의 활성화가 완료되면 관리자화면의 설정 메뉴에 Easy AdSense 라는 메뉴가 생성된 것을 확인할 수 있습니다. 구글 애드센스 광고를 설정하기 위해서 Easy AdSense 메뉴를 클릭합니다.




Easy AdSense 메뉴를 클릭하면 아래와 같은 초기 화면이 나타납니다. 스크롤을 내려서 아래쪽으로 내려가면 구글 애드센스를 설정하는 화면이 나타납니다.



Easy AdSense는 구글 애드센스 광고를 글 본문에도 사용할 수 있도록 하였고 사이드바에도 사용할 수 있게 제공하고 있습니다.
아래 화면에서 왼쪽 부분이 글본문에 애드센스 광고를 게재하는 것이고, 화면의 오른쪽은 사이드바 위젯에 광고를 게재하는 공간입니다.



Easy AdSense 플러그인의 광고코드를 입력하는 란에 코드를 입력하려면 구글 애드센스에서 광고코드를 가져와야합니다.

구글 애드센스에 로그인해서 자신이 생성한 광고코드를 가져오면 옵니다. 광고코드는 특정 규격화된 사이즈의 광고를 사용해도 좋고, 자동크기 반응형 광고를 사용해도 좋습니다.

글 본문에 애드센스 광고 게재하기


하나의 글 본문안에 세 개의 광고를 게재하고 싶다면 아래 화면과 같이 도입 애드센스 텍스트, 중간 애드센스 텍스트, 끝 애드센스 텍스트 입력 박스에 구글 광고코드를 붙여넣습니다.



그리고 광고에 대한 옵션을 아래와 같이 설정합니다. 구글 정책에 대한 옵션으로 광고를 3개 허용하는 것으로 설정한 뒤에 저장하면, 글 본문에 광고가 게재될 것입니다.





사이드바 위젯에 구글 애드센스 광고 게재하기


글 본문에 광고를 게재하는 것도 좋지만 광고가 너무 많은 것도 시각적 공해일 수 있기 때문에 여기에서는 사이드바에만 광고를 한 개 게재하도록 하겠습니다.

먼저 사이드바에 광고를 게재하려면 광고의 크기를 계산해야 합니다. 그렇지만 워드프레스의 경우 반응형 웹을 지원하기 때문에 여기에서는 아래와 같이 자동크기 반응형 광고를 만들어서 해당 코드를 복사해서 사용하겠습니다. 자동크기 반응형 광고코드를 복사합니다.



복사한 자동크기 반응형 광고코드를 아래 화면과 같이 애드센스 위젯 텍스트 입력란에 붙여넣고 제목 숨기기 체크박스에 체크합니다.



그리고 광고 옵션 항목에 아래와 같이 광고 1개 허용에 체크를 한 뒤에 변경 저장 버튼을 클릭합니다.




위젯에 Easy AdSense 구글 애드센스 광고 배치하기


Easy AdSense 플러그인으로 광고를 생성하였고, 이제는 웹사이트의 사이드바 위젯에 구글 애드센스 광고를 배치할 차례입니다.
위젯 화면에 들어가서 광고를 배치해야 하므로, 워드프레스 관리자 화면에서 외모 > 위젯 메뉴를 클릭합니다.



위젯 화면에 들어오면 왼쪽에는 사용할 수 있는 위젯 항목 나타납니다. 왼쪽 아래에 있는 'Easy AdSense:Google Ads' 를 드래그해서 기본 사이드바 위젯 영역으로 드래그 해서 배치 합니다.




워드프레스 사이트에 구글 애드센스 광고 적용 확인하기


기본 사이드바에 애드센스 위젯을 배치하였으므로 자신의 워드프레스 사이트에 들어와서 구글 애드센스 광고가 제대로 게재되는지 확인해야합니다.
플러그인을 통한 광고 생성이 제대로 되었다면 아래 화면과 같이 오른쪽 사이드바 부분에 광고가 정상적으로 나타날 것입니다.


워드프레스 강의가 무료! 사회적 재능기부-나눔프로젝트


안녕하세요? 슈만입니다. 오랫동안 계획했던 일들을 이제 조금씩 진행하려고 합니다.
오랫동안 계획했던 일은 제가 어떻게 하면 다른 사람에게 조금이라도 도움이 될 수 있을까에 대한 고민에서 출발했습니다.

얼마전 우연히 본 신문의 한 지면에 시선이 멈추었습니다. 그것은 나눔에 대한 기사였습니다. 그 기사를 본 저는 더 이상 미룰 수 없다는 결론을 내렸습니다.

몇일 전 워드프레스 강의에 대한 청년지원 프로젝트에 이어서 이번에는 워드프레스 강의로 사회적 재능기부, 나눔프로젝트를 진행합니다. (워드프레스 무료 강의 신청 방법은 포스팅 아래쪽에 설명되어있습니다.)



작은 것이 큰 것입니다


크지 않습니다. 크게 무엇인가를 하는 것은 아닙니다. 대단한 것은 아닙니다. 그저 작은 것입니다. 그렇지만 작게 시작하려고 합니다.





현재 워드프레스 오프라인 강의는?


현재 워드프레스 오프라인 강의는 이곳 티스토리 블로그와는 별개로 아래와 같이 워드프레스엑스(X) 사이트(wordpressx.kr)에서 진행하고 있습니다.





워드프레스 강의가 필요하신 분들께서는 신청해주세요


이번 워드프레스 강의 무료, 나눔프로젝트는 사회적 재능기부의 일환으로 워드프레스 강의가 필요하신 분들을 매 주 두 분씩 선정해서 오프라인 강의를 무료로 제공드립니다.
워드프레스 무료 강의 신청 및 안내는 아래에 있습니다. 아래의 워드프레스엑스 사이트 무료 강의 신청페이지에 접속하셔서 신청하시면 됩니다.



해당 무료 워드프레스 강의의 수준은?


오프라인 무료 워드프레스 강의의 수준은 워드프레스를 처음 접하거나 이제 막 시작한 입문용 강좌입니다. 따라서 워드프레스 중급이상되시는 분들께서는 굳이 수강하실 필요가 없을 것이라 생각됩니다. 워드프레스에 대해서 처음 듣거나, 워드프레스를 배워보고 싶거나, 이제 막 시작한 입문자 분들을 위한 강좌입니다.



4월 한 달간 진행되는 나눔프로젝트에 많은 관심부탁드립니다. 그럼 오프라인 강좌에서 뵙도록 하겠습니다. 감사합니다. - 슈만 올림 -


+ Recent posts