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


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

설정을 하기 위해서는 먼저 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월 한 달간 진행되는 나눔프로젝트에 많은 관심부탁드립니다. 그럼 오프라인 강좌에서 뵙도록 하겠습니다. 감사합니다. - 슈만 올림 -


워드프레스 강의 70% 할인, 청년지원 프로젝트-힘내라 청춘!


안녕하세요? 슈만입니다. 오랫동안 생각했던 일을 이제야 시작하게 됩니다. 게으름 때문에 미루고 미루던 일이기도 합니다.
그 일은 바로 제가 어떻게 조금이라도 사람들에게 도움이 될까하는 고민에 대한 것입니다.
결국은 제가 하는 일을 통해서 그 일을 할 수 있을 것 같아서 시작을 하게 됩니다.

지금 현재 워드프레스에 대한 오프라인 강의는 아래 화면과 같이 여기와 다른 공간인 워드프레스엑스(WordpressX) 사이트에서 운영하고 있습니다.
오프라인 강의는 예전에는 평일에도 하기는 했지만, 근래 들어서 평일에는 제가 여러 업무로 바쁜 관계로 특별한 경우가 아니면 토요일에 진행하고 있습니다.





첫번째 슈만의 청년지원 프로젝트


먼저 드는 생각은 청년에 대한 생각이었습니다. 제가 대학을 다니던 시절과는 틀리게 요즈음 청년들을 보면 마음이 어려울 때가 많습니다. 그 이유는 바늘 구멍과 같은 취업문과 대학에 입학하자마자 취업 공부를 하고 있는 모습때문입니다. 그래도 제가 대학을 다니던 시절은 여유가 있었던 것이 사실입니다. 그 때도 취업이 어렵다고 하기는 했지만, 지금과는 비교가 되지는 않습니다.




그 시절에는 대학생들의 관심이 모두 취업에 있지 않았습니다. 친구들 중에는 프랑스 문학에 심취했던 친구도 있었고, 낭만을 논하던 시대였습니다. 그렇게 문학에 심취해도 대학 4학년때는 많은이들이 자신이 원하는 회사에 취직하는데 큰 문제는 없었습니다.



청년에 대한 생각때문에 제가 큰 도움은 되지 못할지언정 조금이라도 도움이 되는 일을 하자고 생각한 것이, 바로 이번에 하고 있는 힘내라 청춘!-청년지원 프로젝트입니다.

이번에 진행하는 힘내라 청춘!-청년지원 프로젝트는 수강료를 70% 할인 하는 것으로, 대한민국 국적의 만20세 ~ 만35세 청년이면 모두 지원이 가능합니다. 그리고 자리가 많지 않은 관계로 선착순으로 지원을 받습니다. 기간은 3월25일부터 ~ 4월23일까지 진행합니다.

워드프레스 강의 신청방법


오프라인 강의를 신청하는 방법은 두가지가 있습니다. 먼저 아래 화면과 같이 워드프레스엑스 사이트에 접속해서 배너에서 더보기 버튼을 클릭해서 강의 신청화면으로 이동하는 방법입니다.



두번째 방법은 바로 아래 워드프레스 강의 안내와 신청화면으로 바로 접속하는 것입니다.


강의 안내 및 신청화면에 접속한 뒤에는 워드프레스 강의 일정을 확인하고 안내에 따라서 강의를 신청하면 됩니다.


만남의 시간


"내가 분명한 목표를 추구하지 않으면
나는 쉴 새 없이 세상에 추격당합니다.
일단 추격당하면
일생 속도전에 휘말립니다."



"코이라는 물고기는 어항에서 5센티, 연못에서 20센티, 강물에서는 1미터까지 자랍니다. 코이는 어떤 물에서 살지 선택할 수 없지만, 사람은 선택할 수 있습니다. 꿈은 사람이 선택하는 환경입니다."



"꿈은 미래를 보는 것이고, 미래가 보여야 갈 수 있습니다.
꿈은 미래를 가리키는 나침판입니다."  - 길을 찾는 사람 中 에서 -

그럼 청년 여러분 오프라인 강의에서 반갑게 만나뵙겠습니다. 감사합니다. 슈만 올림


네이버 웹마스터 도구에 워드프레스 사이트 등록하기


네이버는 전 국민이 사용하는 생활 필수품이 된지 이미 오래 되었습니다. 시간과 노력을 들여서 워드프레스 사이트를 만들고, 도메인과 웹호스팅 업체를 선정하여 워드프레스 개발 소스를 모두 웹호스팅 서버로 올렸다면 이미 인터넷 URL을 통해서 자신의 워드프레스 웹사이트에 접속할 수 있을 것입니다.

그렇지만, 문제가 하나있습니다. 이제 막 제작을 완료한 워드프레스 사이트라면 그렇게 쉽게 네이버에서 검색되지는 않는다는 것입니다.
자신이 만든 사이트가 유명한 대형 사이트라든지 아니면 콘텐츠가 무척 풍부하지 않는 이상 네이버 검색엔진은 자신이 만든 사이트의 존재를 알 방법이 없습니다.


검색엔진은 주기적으로 크롤링 과정을 거쳐서 자신의 웹사이트와 웹페이지를 분석하고 검색 우선순위를 매깁니다. 그렇지만 콘텐츠도 부족하고 이제 막 제작을 완료한 사이트라면 네이버에게 내 사이트의 존재를 알려주는 것이 필요합니다.
이 과정은 워드프레스로 제작한 사이트 뿐아니라 모든 웹사이트에 동일하게 적용이 되는 부분입니다.

그렇다면 어떻게 해야 네이버 검색엔진에서 내 사이트가 검색되게 할까요? 답은 바로 네이버 웹마스터 도구에 있습니다.


네이버 웹마스터 도구 사용하기


네이버 웹마스터 도구는 내 사이트의 존재를 네이버 검색엔진에게 알려주는 역할을 합니다. 즉, "내 사이트의 URL 주소가 이러하니 네이버 검색할 때 꼭 찾아줘"라고 이야기 하는 것과 같은 것입니다.

그럼 네이버 웹마스토 도구를 활용해서 내 사이트 정보를 네이버 검색엔진에게 제출하는 방법을 학습하도록 하겠습니다.

먼저 네이버 웹마스터 도구 사이트에 접속합니다. 네이버 웹마스터 도구 사이트는 로그인을 해서 사용할 수 있습니다. 오른쪽 상단의 로그인 버튼을 클릭해서 로그인을 진행합니다.


로그인을 하면 기존에 등록해놓은 티스토리 사이트 정보가 나타납니다. 예전에는 티스토리 사이트를 등록했지만 이제는 워드프레스로 만든 웹사이트를 등록하도록 하겠습니다. 아래 사이트 추가 버튼을 클릭합니다.



사이트 정보 입력하기


사이트 추가버튼을 클릭하면 사이트 정보를 입력하는 화면이 나타납니다. 아래 화면과 같이 자신이 만든 워드프레스 사이트나 웹사이트의 URL을 입력한 뒤에 확인 버튼을 클릭합니다.(당연히 웹호스팅을 받지 않고 자신의 로컬컴퓨터에 설치된 워드프레스 사이트는 적용되지 않습니다.)




사이트 소유 확인하기


두번째는 사이트의 소유를 확인해야 합니다. 사이트 소유를 확인하는 방법은 아래 화면과 같이 두 가지 방법이 있습니다.
1) HTML 태그 : HTML 태그를 자신의 HTML 소스안에 붙여넣는 방법
2) HTML 파일 업로드 : 네이버 웹마스터 도구에서 제공하는 인증용 HTML 화일을 자신의 웹호스팅 서버의 루트디렉토리로 올리고 인증하는 방법

여기에서는 2)번 방법인 HTML 파일 업로드를 사용하겠습니다. HTML 파일 업로드 항목에 라디오 버튼을 클릭합니다.




HTML 파일 업로드를 선택하면, HTML 파일을 통한 인증 방법이 나타납니다.
순서는 먼저 인증용 HTML 파일을 다운로드하고, 다운로드 한 HTML 파일을 자신의 웹호스팅 서버로 업로드 한 뒤에, 해당 URL로 접속해서 정상적으로 HTML 인증 파일이 업로드 되었는지 확인하면 됩니다.

그럼 먼저 아래 HTML 확인 파일 부분을 클릭해서 네이버 웹마스터 도구 인증용 파일을 다운로드 받습니다. 



HTML 확인 파일 부분을 클릭하면 아래와 같이 네이버 웹마스터 도구 인증용 HTML 화일이 다운로드 됩니다.




이렇게 다운로드한 인증용 HTML을 파일을 자신의 웹호스팅 서버의 루트디렉토리에 업로드 하면 됩니다. 루트디렉토리에 대한 설정은 서버마다 틀리지만, public_html로 되어있는 곳도 있고 www 로 되어있는 곳도 있습니다. 

아래 화면처럼 HTML 인증파일을 FTP 프로그램을 통해서 서버에 업로드합니다.




서버에 업로드를 하였다면 이제는 파일을 업로드한 URL로 접속해서 정상적으로 접속이 되는 지 확인해야 합니다. 해당 URL로 접속합니다.




정상적으로 인증 파일이 서버에 업로드 되었다면 웹브라우저를 통해서 접속하면 아래와 같은 문구가 나타날 것입니다



정상적으로 인증용 HTML 파일의 접속이 완료되었기 때문에 아래 확인 버튼을 클릭합니다.



네이버 웹마스터 도구 사이트 정보 확인하기


확인 버튼을 클릭하면 아래와 같이 새로 연동된 워드프레스 사이트가 등록된 것을 확인할 수 있습니다. 그럼 새로 추가된 사이트의 정보를 보기 위해서 적색부분의 사이트를 클릭합니다.





이제 막 네이버 웹마스터 도구에 추가했지만 아래 최근 수집 상태 정보에서 DNS 상태가 정상이고, robots.txt 화일이 정상적으로 수집된 것을 확인할 수 있습니다.




이클립스 디버깅 도구로 개발 생산성 높이기


초창기 국내에서 자바 진영을 시작으로 각광받았던 이클립스는 이제는 소스코드 IDE 개발도구로 여러 개발언어에서 가장 유명한 개발 도구가 되었습니다.

디자이너나 퍼블리셔가 담당하는 부분을 넘어서는 부분인 웹프로그래밍이나 서버쪽에서는 일명 프로그래머라하는 웹개발자나 서버개발자들이 있습니다.
퍼블리셔와는 틀리게 웹개발자들은 DB와 서버쪽인 연동된 소스 코딩을 많이 하게됩니다. 현재 국내 웹개발 분야에서는 자바 프로그래머나 PHP 프로그래머, C# 닷넷 ASP 프로그래머들이 주로 포진해있습니다.


웹개발자는 프로그램 코딩을 위해서 에디터 프로그램이나 IDE 개발도구를 이용합니다. 국내에서 많이 사용하는 에디터 프로그램는 에디트플러서(EditPlus), 울트라에디터(UltraEdit), 아크로에디터, 서브라임텍스트(주로 퍼블리셔나 디자이너가 선호) 등 여러가지가 있습니다.

에디터 프로그램이 가볍고 간단히 사용이 가능해서 많이 사용하지만 코드 어시스트나 디버깅 때문에 IDE 개발도구인 이클립스를 사용하는 것이 개발 생산성 향상에 좋습니다.

프로그램 코딩에 있어서 개발자를 괴롭히는 것 중의 하나는 디버그 작업입니다. 이클립스와 같은 자동화된 디버깅 도구가 없다면 개발자들은 언제나 System.out.println()과 같은 일종의 문자출력 프린트 명령어로 에러나는 부분은 소스상에 적어놓고 테스트를 해야는 번거로움이 있을 것입니다.

※ 이어지는 내용입니다. 아래 포스팅을 참고바랍니다.



이클립스 디버깅 도구 Xdebug


디버깅 도구로는 Xdebug나 Zend Debugger가 있습니다. 일반적으로 APM나 오토셋을 설치하면 기본적으로 Zend Debugger 가 내장되어 있습니다.
여기에서는 Xdebug와 Zend Debugger 중에서 Xdebug를 사용해서 이클립스에 연결하겠습니다.


먼저 Xdebug를 사용하기 위해서는 Xdebug 에서 제공하는 DLL 파일을 설치해야만 합니다.
현재 DLL의 종류는 현재 vc6에서 v14까지 있습니다.


Xdebug를 자신의 서버에 올바르게 설치하기 위해서는 먼저 아래의 세 가지 사항은 확인해야만 합니다.

※ Xdebug 설치전 확인 사항

첫째, VC 버전
둘째, PHP 버전
세째, TS라 부르는 Thread Safe Bulid 값

자신의 서버의 사양을 확인하는 작업은 phpinfo() 함수를 통해서 간단하게 확인을 할 수 있습니다.


phpinfo() 함수로 나의 서버에 설치할 Xdebug 사양 확인하기


먼저 이클립스를 구동합니다. 왼쪽 PHP Explorer 윈도우에서 wordpress-eclipse 폴더에서 마우스 오른쪽을 클릭해서 New > PHP File 메뉴를 클릭합니다.

 

새로운 PHP 파일을 생성할 수 있는 윈도우가 나타납니다.
서버의 정보를 확인할 phpinfo.php란 더미 파일을 하나 만들 것입니다.

파일 이름란에 phpinfo.php 를 입력하고 Finish 버튼을 클릭합니다.



phpinfo.php란 새 파일이 열립니다.



아래와 같이 PHP 소스코드를 입력하고 Ctrl+S로 해당 내용을 저장합니다.



이제 왼쪽 PHP Explorer 윈도우에서 phpinfo.php에서 마우스 오른쪽 버튼을 클릭해서 Run As > 2 PHP Web Application 메뉴를 클릭해서 웹어플리케이션을 실행합니다.




PHP 웹어플리케이션을 실행할 Launch URL이 나타납니다. OK 버튼 클릭합니다.



이클립스 화면에 phpinfo.php 화면이 열립니다. phpinfo() 함수를 사용해서 자신의 로컬서버에 대한 정보가 아래 화면과 같이 나타납니다.



화면상에서 마우스 오른쪽 버튼을 클릭해서 소스보기 메뉴를 클릭합니다.



소스보기한 HTML 소스가 나타나면 해당 소스를 Ctrl+C로 복사해둡니다. 이렇게 복사한 소스는 Xdebug 사이트 정보확인 입력창에 입력해서 적합한 Xdebug 버전을 찾는데 사용하게 됩니다.



Xdebug 사이트에서 내 서버의 플러그인 DLL 사양 확인하기


Xdebug 사이트로 이동해서 사용할 DLL 사양을 확인해야 합니다. Xdebug 사이트에 접속합니다.
Xdebug 사이트에 접속하면 아래와 같이 HTML 소스를 입력하는 창이 나타납니다. 이 창에 조금전에 복사한 phpinfo HTML 코드를 붙여넣으면 됩니다.



아래 화면과 같이 붙여넣은 다음에 output 버튼을 클릭합니다.     




아래와 같이 서버에 대한 정보가 나타납니다. 오렌지 박스로 표시한 세 부분이 중요합니다. 
현재 사양은 VC11 이고 PHP 버전은 5.6, TS는 Yes입니다.





이제 Xdebug 사이트에서 아래 download 메뉴를 클릭해서 dll 파일을 다운받는 웹페이지로 이동합니다.



저의 경우 VC11, PHP 5.6.0 이고 TS yes이고 64 bit이기 때문에 다운받는 페이지에서 PHP 5.6 VC11 TS(64 bit)를 내려받으면 됩니다.
조금전에 조사한 방법으로 자신의 서버 사양에 맞는 dll을 다운로드 하면 됩니다.



다운로드 링크를 클릭하니 아래와 같이 파일이 로컬에 다운로드되었습니다.


이 파일을 서버가 있는 오토셋의 dll 관리 폴더에 복사해야 합니다.
php_xdebug-2.4.0-5.6-vc11-x86_64.dll 파일을 AutoSet9 > server > bin > ext 로 이동해서 아래 화면과 같이 붙여넣기를 합니다.








php.ini 파일에서 XDebug 정보 세팅


이제는 서버의 php.ini 파일을 열어서 설정을 해야합니다.
AutoSet9 > server > conf 폴더로 이동해서 php.ini 파일을 오픈합니다.




php.ini 파일을 열어서 맨 마지막 라인에 추가합니다. 포트는 기존에 사용하지 않는 포트인 9001번을 넣었습니다.







이클립스에서 디버그 환경 설정하기


이클립스를 열어서 Window > Preference 메뉴를 클릭합니다.




Preferences 화면에서 PHP >  Executables 메뉴를 선택한 뒤에 Add 버튼을 클릭합니다.




새로운 PHP Executable 작성할 수 있는 화면이 나타납니다.



이름 란에 아래와 같이 Xdebug라 입력하고 Browse 버튼을 클릭해서 아래와 같이 php 실행 파일과 환경 파일을 선택합니다. 선택이 완료되면 Finish 버튼을 클릭합니다.



Finish 버튼을 클릭하면 아래와 같이 Xdebug가 만들어진 것을 확인할 수 있습니다. Xdebug를 선택합니다.



Xdebug 이름 선택하면 Edit 버튼이 활성화 됩니다. Edit 버튼을 클릭합니다.



두번째 Debugger 탭을 클릭합니다.



Connection Setteings 항목에서 Port 부분을 9001로 바꾸고 OK 버튼을 클릭합니다.



이제는 PHP > debug 메뉴를 클릭합니다. PHP Debug 화면에서 오른쪽에 오렌지 동그라미 부분의 PHP Servers... 링크를 클릭해서 Debuger 설정합니다.



설정이 완료되면 아래와 같이 Debugger에 XDebug가 나타납니다. 




Break at First Line 체크를 해제하고 서버와 excutable 항목을 아래와 같이 선택한 뒤에 Apply 버튼을 클릭하고 OK 버튼을 클릭합니다.




디버그 환경설정 - Debug Configuration


아래 화면에서 벌레 모양을 클릭하면 나타나는 Debug Configuration 메뉴를 클릭합니다.



디버그 환경설정 화면에서 아래와 같이 이름을 Xdebug로 바꿉니다.



Xdebug로 바꾼고 Browse 버튼을 클릭해서 index.php 파일을 선택하고 apply 버튼을 클릭합니다.
index.php 파일을 선택하는 것은 디버깅을 시작할 때 이 파일로 시작한다는 의미입니다.



Apply 버튼을 클릭하니 왼쪽 메뉴에서 Xdeubg가 생성됩니다. Close 버튼으로 화면을 닫습니다.



벌레모양 아이콘을 클릭한 뒤에 Xdebug 메뉴를 클릭해서 디버깅을 시작합니다. 



디버그가 시작되고 아래와 같이 화면이 나타나는 것을 확인할 수 있습니다. 아직 Break point는 설정하지 않았지만 디버그 수행시 소스코드에 설정하면 편리하게 디버깅 작업을 할 수 있습니다.





이클립스에서 워드프레스 설치하기


이클립스에서 워드프레스 개발환경을 만드는 것을 연재하고 있습니다. 이어지는 내용이므로 이전 포스팅은 아래 내용을 참고바랍니다.





이제 이클립스에서 워드프레스를 설치할 차례입니다. 지난 시간에 워드프레스를 사용할 데이터베이스를 생성하고 이클립스에 웹서버를 연결하였습니다. 이클립스에서 로컬 index 파일 경로로 접속하니 아래와 같이 이클립스 안에 워드프레스를 설치하는 화면이 나타났습니다.



워드프레스를 설치하는 화면에서 Let's go 버튼 클릭합니다.




데이터베이스 연결정보를 입력하는 화면이 나타납니다.





데이터베이스 연결 정보를 입력하는 화면에서 조금 전에 생성한 MySQL 데이터베이스 이름과 사용자 이름, 비밀번호를 입력합니다.
데이터베이스 호스트 항목과 테이블 접두어 항목은 디폴트 상태로 그대로 둔 뒤에 전송버튼을 클릭합니다.



설치를 실행하는 화면이 나타납니다. 설치 실행하기 버튼을 클릭합니다.



설치화면에서 워드프레스의 환영 문구가 눈에 띕니다.
'세계에서 가장 확장성 높고 강력한 개인 출판 플랫폼을 사용하는 길로 들어서게 됩니다.'

이제 자신이 만들 사이트 제목과 사용자명을 입력하면 됩니다. 여기에서 간단하게 입력해도 상관없습니다. 추후에 워드프레스 관리자 화면에서 얼마든지 수정이 가능하기 때문입니다.



다음과 자신이 만들 워드프레스 웹사이트 정보를 입력하고 설치하기 버튼을 클릭합니다.



설치가 완료되었습니다. 설치는 정말 간단하게 끝납니다. 로그인 버튼을 클릭합니다.



워드프레스 로그인 화면이 아래와 같이 나타납니다.



자신이 만들었던 사용자명과 비밀번호를 입력하고 로그인 버튼을 클릭합니다.



로그인이 완료되면 다음과 같이 이클립스안에 워드프레스가 구동된 것을 확인할 수 있습니다.



이클립스 안에서 구동된 워드프레스 관리자 화면에서 사이트보기를 하면 다음이 사이트가 나타납니다.



워드프레스 개발환경, 이클립스에 아파치 서버 연결하기


지난 시간에는 PHP용 이클립스를 설치하고 이클립스에서 워드프레스 소스를 모두 가져왔습니다.
이번 시간에는 이클립스에 웹서버인 아파치 서버를 연결하고 워드프레스가 사용할 MySQL 데이터베이스를 생성하도록 하겠습니다.



이어지는 내용이므로 아래 이전 포스팅을 학습하면 더 효과적입니다.



그럼 이제, 이클립스에서 웹서버인 아파치 서버의 연결작업을 진행하겠습니다.
먼저 PHP용 이클립스를 구동하고 상단에서 Window > Preferences 메뉴를 클릭합니다.



Preferences 윈도우창이 나타납니다.



왼쪽 메뉴에서 PHP > Servers 를 선택하면 오른쪽 화면에 Default PHP Web Server 항목이 나타납니다.
Default PHP Web Server 항목을 선택한 뒤에 Edit 버튼을 클릭합니다.



Edit 버튼을 클릭하면 PHP Server 환경 설정을 하는 화면이 나타납니다.
아래 Server Porperties 항목에서 웹서버의 다큐먼트루트(Document Root)를 설정해야합니다.



Browse 버튼을 클릭해서 아파치가 설치되어 있는 오토셋 폴더에서 다큐먼트루트인 public_html을 선택한 뒤에 Finish 버튼을 클릭합니다.




OK 클릭을 클릭합니다.



이제 PHP 웹서버를 실행하겠습니다. 왼쪽 PHP Explorer에서 wordpress-eclipse 폴더에 마우스 오른쪽 버튼을 클릭해서 Rus As > 1 PHP Web Application 메뉴를 클릭합니다.



프로젝트를 실행하기 위해서 프로젝트의 index 파일을 찾는 화면입니다. Browse 버튼을 클릭합니다.



index.php 파일을 선택한 뒤에 OK 버튼을 클릭합니다.




인덱스 파일을 설정이 되었습니다. OK 버튼을 클릭합니다.




OK 버튼을 클릭하면 워드프레스를 설치할 수 있는 화면이 나타납니다.
아직 워드프레스에서 사용할 데이터베이스를 만들지는 않았습니다.




워드프레스 데이터베이스 생성하기


데이터베이스를 생성하기 위해서 오토셋을 실행한 뒤에 제어 > phpMyAdmin 접속 메뉴를 클릭합니다.



phpMyAdmin 화면에 사용자명과 암호를 입력하고 로그인합니다.


MySQL에 wordpress-eclipse 라는 데이터베이스를 만들려고 합니다.
아래 화면과 같이 phpMyAdmin 화면에서 데이터베이스 탭을 클릭한 뒤에 새 데이터베이스 만들기 항목에 wordpress-eclipse 라고 입력하고 만들기 버튼을 클릭합니다.



아래와 같이 wordpress-eclipse라는 신규 데이터베이스의 생성이 완료된 것을 확인할 수 있습니다. 이로써 워드프레스가 사용할 MySQL 데이터베이스의 준비가 끝났습니다.


워드프레스 개발환경의 구성

워드프레스 개발자가 개발 환경을 구성할 때 여러가지 방법이 있습니다. 
그렇지만, 워드프레스 개발환경에서 기본적으로 필요한 것은 아래 세 가지입니다.


워드프레스 개발환경 필수 삼요소

1) 데이터베이스(MySQL, MariaDB)
2) 웹서버(아파치)
3) 웹프로그래밍 개발 언어(PHP)

워드프레스를 구동하기 위해서 기본적으로 위의 세 가지는 반드시 필요합니다. 
워드프레스를 처음 접하는 사용자가 MySQL, 아파치, PHP를 개별적으로 세팅하는 것은 쉬운일은 아닙니다. 

그렇다고 걱정할 필요는 없습니다. 오토셋을 이용하면 세 가지 웹개발환경 구성은 간단하게 끝낼 수 있습니다.
오토셋에 대한 설치 및 환경 구성은 아래 포스팅을 참고바랍니다.



오토셋으로 환경 설정이 완료되었다면, 워드프레스를 사용해서 웹사이트 제작에 들어갈 것입니다.
워드프레스의 장점은 코딩작업을 하지 않고 손쉽게 웹사이트나 홈페이지를 제작할 수 있는 것이지만, 실제로 웹사이트의 디테일을 손대게 되면 PHP 프로그래밍은 필수가 되게됩니다.

PHP 프로그래밍을 하다보면 결국 코딩을 편리하게 하기위해서 자신에게 맞는 에디터 프로그램을 찾아 사용하게 됩니다. 요즈음에 에디터 프로그램은 여러가지가 있으나 퍼블리셔나 디자이너가 선호하는 에디터 프로그램은 서브라임 텍스트입니다.

서브라임 텍스트는 정말 훌륭한 에디터 프로그램입니다. 

서브라임 텍스트 외에 한가지 더 추천하고 싶은 개발도구는 바로 이클립스입니다.
이클립스는 자바 진영에서 가장 호평받는 훌륭한 IDE 개발도구입니다. 그렇지만 PHP나 다른 개발환경도 지원합니다.

이클립스를 사용하면 디버깅 도구등 여러 가지 편리한 기능으로 개발 생산성을 향상 시킬 수 있습니다.
이번 시간에는 이클립스로 워드프레스 개발환경을 구성하는 방법을 학습하도록 하겠습니다.


이클립스로 워드프레스 개발환경 구성하기 - 이클립스 PHP Developer 설치하기


워드프레스에서 사용할 이클립스를 다운로드 받기 위해서 이클립스 사이트에 접속합니다.
이클립스 사이트에서 아래 화면에 연두색 화살표가 가르키는 64bit 메뉴를 클릭합니다.




64 bit 메뉴를 클릭하면 아래와 같은 이클립스 인스톨러가 다운로드 됩니다.
(이때 JDK 1.7이나 JRE 1.7 이상이 설치되어 있어야 합니다.)
이클립스 인스톨러를 클릭합니다.




이클립스 인스톨러가 실행되면 아래와 같은 화면이 나타납니다. Eclipse IDE for PHP Developers를 클릭합니다.



PHP용 이클립스를 설치할 폴더를 지정하는 화면입니다. 여기에서는 c:\dev 폴더를 만들고 그안에 eclipse를 설치하겠습니다.
아래와 같이 폴더를 설정하고 INSTALL 버튼을 클릭합니다.




동의에 관한 내용입니다. Accept Now 클릭합니다.



이클립스 IDE for PHP Developers가 설치되고 있습니다.



이클립스 인스톨이 완료되고나면 LAUNCH 버튼이 보입니다. LAUNCH 버튼을 클릭합니다.




이클립스 작업폴더를 지정하는 팝업이 나타납니다. 여기에서는 웹서버의 도큐먼트루트 경로를 설정하면 됩니다. 
Browse 버튼을 클릭해서 오토셋의 Document Root 경로인 public_html 폴더를 선택합니다.
폴더의 선택이 완료되면 OK 버튼을 클릭합니다.



PHP용 이클립스 구동되고 있습니다.



이제 이클립스의 구동이 완료되었습니다. 우측의 Workbench를 클릭합니다.




이클립스 개발환경인 Workbench 화면이 아래와 같이 나타납니다.



이클립스 PHP 프로젝트 만들기


새로운 PHP 프로젝트 만들기 위해서 File > New > PHP Project 클릭합니다.



프로젝트 이름 wordpress-eclipse 입력하겠습니다.
그리고 JavaScript Support 항목에서 Enable Javascript에 체크한 뒤에 Next 버튼을 클릭합니다.



Configuration은 그대로 두고 Next 버튼을 클릭합니다.



소스폴더에 wordpress-eclipse 폴더가 생성된 것을 확인할 수 있습니다. Next 버튼을 클릭합니다.



build path 항목을 확인후 Finish 버튼을 클릭합니다.



이클립스 개발 화면의 왼쪽 PHP Explorer에 wordpress-eclipse 폴더가 생성된 것을 확인할 수 있습니다.



그렇다면 실제 윈도우 탐색기에서는 어떻게 폴더가 구성되었는지 확인합니다.
로컬 컴퓨터의 윈도우 탐색기에서도 이클립스와 동일하게 파일이 생성된 것을 알 수 있습니다.





워드프레스 복사하기



이제 wordpress-eclipse 폴더에 다운받은 워드프레스 4.2.2 버전을 모두 복사해서 아래 화면과 같이 붙여넣습니다.






현재 이클립스에서보니 아직 PHP Explorer 화면에는 복사한 소스가 나타나지 않습니다.



이클립스 화면에서 리프레쉬의 단축키인 F5 키보드를 누릅니다.
F5로 리프레쉬를 하면 이클립스는 Building workspace 를 진행하면서 소스를 가져옵니다.



이클립스가 소스를 모두 가져왔습니다. 이로써 이클립스에 워드프레스 소스를 모두 가져왔습니다. 다음 시간에는 이클립스에서 아파치 서버 연결을 하고 워드프레스를 설치하는 과정을 진행하겠습니다.





워드프레스 원데이 강의

안녕하세요? 슈만입니다. 워드프레스 강의에 대한 문의가 있어서 오프라인 강의 관련 안내를 드립니다.
워드프레스 오프라인 강의는 현재 티스토리 블로그와는 별도로 워드프레스엑스(X) 웹사이트에서 진행하고 있습니다.

오프라인 워드프레스 강의는 현재 매주 진행되고 있습니다. 
(자세한 강의 안내 및 신청 방법은 아래 강의 안내 보기로 바로 확인하실 수 있습니다.)





원데이, 단 하루만의 목표


단 3시간 만에 끝내는 속성 강의이지만,
하루 만에 워드프레스에 대한 개념을 잡고, 자신의 웹사이트를 실습하는 것을 목표로 합니다.

3시간의 투자로 워드프레스를 자신의 것으로 만들 수 있습니다.

워드프레스를 처음 접하는 일반인들이 느끼는 공통점은 조금은 어렵다는 것입니다.
전세계에서 우리나라에서 네이버의 영향력은 절대적입니다. 그렇다보니 사람들은 네이버 블로그에만 익숙해져있습니다.
워드프레스가 어렵다기 보다 익숙하지 않아서 오는 문제입니다. 많이 사용하는 네이버 블로그와 차이가 있을 뿐입니다.





프롤로그 - 나의 미래는 보장되는가?


이제는 개인 플랫폼의 시대입니다. 100세의 시대는 도래했습니다.
평생 직장의 개념이 사라진지는 오래입니다. 최선을 다해서 60세까지 정년을 근무했다고 해도 40년을 더 살아야 하는 시대입니다.

이제 회사가 개인을 책임져주던 시대는 이미 지났습니다.

배낭을 꾸려야 합니다. 두 손으로 신발끈을 단단히 조여야 합니다.
두 다리에 힘을 주고 굳건히 일어서야 합니다. 
그리고, 홀로 자신의 길을 떠나야 합니다.




미래는 작은 기업들의 시대가 될 것이다.


작은 것이 큰 것이다. - 세스 고딘 -

워드프레스를 배우는 것은 미래를 준비하는 가장 좋은 방법중의 하나입니다.
워드프레스를 공부하면서 투자한 시간은 결코 헛되지 않습니다.

워드프레스를 제대로 익힌다면 자신만의 일을 꾸밀 수 있습니다. 
워드프레스가 날개가 되어 자신이 하고 있는 온오프라인 일에 큰 도움을 줄 것입니다.





왜 워드프레스인가?


워드프레스는 새로운 일에 대한 생각을 구현하는 도구입니다. 자신이 하는 일에 날개를 달아주는 도구입니다.

요즈음 많은 사람들은 포털형 블로그를 사용합니다. 그렇지만, 포털형 블로그를 운영했던 사람이 워드프레스 등의 전문 CMS 도구로 이동하는 것은 포털형 블로그만으로는 한계를 느끼기 때문입니다.

포털형 블로그인 네이버 블로그나 티스토리 블로그도 괜찮지만 포털에서 제공하는 블로그는 자유도가 워드프레스에 비해서 떨어집니다. 그리고 포털형 블로그는 제공 회사의 정책에 따라서 자신의 블로그가 제한 되는 경우가 많이 있습니다. 




자신만의 일을 꾸리거나 회사의 웹사이트라면 워드프레스와 같은 CMS 도구가 적합합니다.

워드프레스를 통해서 사이트를 구축할 때의 이점은 다음과 같습니다.

첫째, 독립성 - 진정한 자신만의 웹사이트를 꾸릴 수 있다. 블로그나 쇼핑몰, 회사 웹사이트를 쉽게 만들수 있다.
둘째, 디자인 - 자유롭게 퀄리티 높은 디자인을 선택할 수 있다.
세째, 놀라운 확장성과 최신성 - 워드프레스는 플러그인 설치로 새로운 IT 기술을 웹사이트에 바로 적용할 수 있다.
네째, 검색엔진 최적화 
다섯째, 효율적인 콘텐츠 관리 
여섯째, 반응형 디자인




구글트렌드로 본 워드프레스에 대한 국내의 관심도 변화


기이한 현상 중의 하나는 전세계에서 우리나라만 유독 워드프레스가 힘을 못썻던 것입니다. 그 이유에는 사람들이 네이버 블로그를 선호하기 때문이었습니다.
워드프레스는 세계 시장에서 압도적인 블로그나 웹사이트 플랫폼입니다. 이제 워드프레스는 네이버 블로그가 주류인 국내에서도 지난 몇 년동안 급격한 관심도의 증가를 볼 수 있습니다.




전 세계 CMS 시장의 워드프레스 점유율


워드프레스는 전세계 CMS 시장에서 압도적이고 절대적인 점유율을 보이고 있습니다.
워드프레스가 다른 CMS에 비해서 높은 점유율을 보이는 것은 워드프레스가 다른 CMS에 비해서 상대적으로 쉽기 때문입니다.

[ 출처 : W3Tecks.com ]





워드프레스와 새로운 일을 다시 시작하시기 바랍니다.




+ Recent posts