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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

이전 글에서 워드프레스를 미국의 워드프레스 사이트에 가입하여 한국어로 설치하는 방법 과 내컴퓨터에 WAMP 서버를 이용하여 서버환경을 만들어 설치하는 방법 을 알아보았습니다. 이번 글에서는 무료 웹호스팅에 워드프레스를 설치하는 방법을 알아봅니다. 무료 호스팅 서비스는 대부분 100메가의 용량을 부여하기 때문에 지속적으로 블로그를 사용하기에는 용량이 많이 부족합니다. 무료로 사용하다가 필요에 따라서 용량와 트래픽을 늘리면 됩니다. 이러한 웹호스팅 서비스 사이트는 아주 많지만 제가 이용한 무료호스팅 사이트는 파란, 닷홈, 나야나, 우비 등이 있습니다.

파란닷컴에 가입을 하고 무료호스팅을 신청하면 하루내에 설정이 완료돼서 통보됩니다. 파란닷컴의 비즈프리 호스팅은 무료형의 경우 6개월마다 갱신해야하는데 기간이 지나더라도 연장을 하면 서버자료가 그대로 살아있고 무료라 하더라도 웹메일이 가능해서 간단한 PHP프로그램으로 이메일을 보내는게 가능합니다. 초기설치비가 5천원 청구됩니다.

약간 긴 내용이므로 목차를 만들었습니다.

1. 웹호스팅 신청하기
2. 워드프레스 환경설정파일 수정
3. 파일질라 FTP 프로그램을 이용하여 웹호스팅 서버에 업로드하기
4. 워드프레스 설치하기

1. 웹호스팅 신청하기


여기서는 설치비가 없는 나야나에 무료호스팅을 신청해서 워드프레스를 설치합니다.

 
메뉴바에서 무료호스팅을 선택하고 무료호스팅의 신청하기 버튼을 클릭합니다. 도메인이 있으면 400메가의 용량으로 신청할 수 있습니다.


계정아이디를 입력하고 중복확인한 다음 계정 비밀번호와 DB비밀번호를 다르게 해서 입력하고 업로드할 솔루션은 기본세팅을 선택합니다. 아래에서 이용안내와 주의사항을 읽어보시고 위내용을 충분히 읽고 확인하였습니다.에 체크한 다음 신청하기 버튼을 클릭합니다.


세팅이 완료되면 300포인트가 소진된다고 합니다. 처음 가입하면 포인트가 제공됩니다. 확인을 클릭하면 가입정보가 나오고 하루를 기다려서 재접속하고 세팅이 됐는지 확인합니다.


이메일로 세팅이 완료되었다는 메시지가 도착했습니다. 글을 쓰면서 이것저것 하다보니 몇시간 지났는데 빨리 세팅이 돼서 글을 마무리 하기 전에 이메일이 왔습니다. 메시지의 하단은 잘라서 안보이는데 끝까지 잘 읽어 봐야합니다.

내 홈페이지 주소가 나오고 GO아이콘을 클릭하면 사이트로 이동하는데 안내 메시지가 있고 하단에 무한연장을 위한 스크립트 첨부방법이 나옵니다. 나중에 다 설치하고 난 후에 index.php파일에 스크립트를 첨부하면 됩니다. 여기서 필요한 정보는 호스트네임. FTP주소, 포트 번호, 계정 아이디, 계정 비밀번호, DB아이디, DB 비밀번호입니다. 이것을 텍스트에디터에 복사해서 붙여넣기를 해둡니다. 

2. 워드프레스 환경설정파일 수정



이곳 을 클릭하여 한글판 워드프레스를 다운 받아 압축을 해제하고 폴더로 들어가면 wp-config-sample.php파일이 있습니다. 이것을 텍스트에디터에 열고 2의 wp-config.php파일로 만들어야 합니다.

 

19번째줄부터 텍스트에디터에 별도로 저장해둔 DB 아이디, 계정아이디, DB 비밀번호, 호스트네임을 교체해줍니다.
5의 인터넷 주소를 블럭설정해서 Ctrl+C키를 눌러 복사하고 웹브라우저의 주소창에 Ctrl+V키를 눌러 붙여넣고 엔터키를 누르면 암호가 생성이 됩니다. 이것은 로그인 비밀번호를 암호화해서 해킹을 방지하고자 하는 것입니다. 생성된 암호를 클릭드래그해서 블럭설정한 다음 Ctrl+C키를 눌러 복사하고 에디터창으로 가서 45번째 줄부터 52번째 줄까지 블럭설정한 다음 Ctrl+V키를 눌러 교체합니다. 이제 환경설정이 끝났으니 저장합니다. Ctrl+Shift+S키를 누르면 다른이름으로 저장하기 창이 나옵니다. 파일이름을 -sample을 제거하고 wp-config.php로 저장합니다.

3. 파일질라 FTP프로그램을 이용하여 웹호스팅 서버에 업로드하기


FTP 클라이언트 프로그램은 파일질라를 사용하면 빠르고 오류도 없어서 많이 사용하는 프로그램입니다. 이곳 을 클릭하여 다운로드 받아 설치합니다. 설치한 후에 바탕화면에서 파일질라 아이콘을 클릭하면 다음과 같은 화면이 나옵니다.


1부터 4까지 FTP 주소, 계정 아이디, 계정 비밀번호, 포트 번호를 순서대로 입력하고 빠른연결버튼을 클릭하면 내 계정의 서버와 연결됩니다. 나중에 파일질라를 열어서 업로드할 경우 6을 클릭하면 목록이 있으니 클릭하면 다시 입력할 필요가 없이 빠르게 접속할 수 있습니다. 로컬 사이트란에서 폴더를 이동하여 8처럼 워드프레스 프로그램이 있는 폴더로 이동하면 하단에 파일과 폴더가 나옵니다. 우측의 리모트 사이트에는 html 폴더가 있습니다. 더블클릭하여 들어가면 index파일만 있습니다. 10의 공란에 클릭하고 Ctrl+A키를 누르면 전체가 선택됩니다. 우클릭하여 업로드를 선택하면 업로드가 시작됩니다. 수분간 진행이 되고 11의 전송실패가 없는지 확인해야합니다. 전송도중 같은 파일이 있어서 메시지 창이 나오면 덮어쓰기를 선택합니다.


파일전송이 완료되고 전송실패는 없습니다. 인덱스파일을 우클릭해서 다운로드한 다음 다시 우클릭해서 삭제합니다. 이 파일에는 무한연장을 위한 아이프레임 코드가 있으니 index.php파일에 첨부해야합니다. 다운받은 index.html파일을 에디터에 열면 깨져서 나오는 경우 닫아서 삭제하고 이메일 메시지를 참고합니다. 


이메일의 중간부분에서 스크립트 첨부방법안내를 클릭하면 스크립트코드가 있습니다. 블럭설정해서 Ctrl+C키를 눌러 복사합니다.
 

 
index.php파일을 에디터에 열고 하단에 Ctrl+V키를 눌러 첨부한 다음 Ctrl+S키를 눌러 저장합니다.


index.php파일을 저장했으나 수정날짜는 그대로 입니다. 1의 다른 폴더를 클릭한 다음 다시 원래의 폴더를 클릭하면 파일용량과 수정날짜가 변경되어 나옵니다. 우클릭하여 업로드를 클릭하면 중복파일이 있다고 메시지창이 나옵니다. 덮어쓰기를 클릭하고 확인버튼을 클릭합니다. 리모트 창도 마찬가지로 다른 폴더를 더블클릭해서 폴더로 들어간 다음 6의 상위폴더를 더블클릭해서 나오면 7처럼 용량과 수정날짜가 변경됩니다. 이제 수정작업은 끝났으니 워드프레스 설치작업을 합니다.

4. 워드프레스 설치하기

 

 
웹브라우저 주소창에 내 홈페이지 주소를 입력하고 엔터키를 치면 워드프레스 설치 초기화면이 나옵니다. 사이트 제목을 정하고 비밀번호 입력, 이메일 주소를 입력하고 설치하기 버튼을 클릭합니다.



몇초만에 설치가 완료되는군요. 이미 파일이 업로드 되어있으니 워드프레스 프로그램이 데이터베이스 만드는 작업만 하면 되므로 빠른 것입니다. 데이터베이스는 처음에 11개의 테이블만 만들어집니다. 로그인을 클릭합니다.


비밀번호를 입력하고 로그인을 클릭하면 다음과 같은 관리자화면이 나옵니다.

<사진을 클릭하면 크게 보입니다.>
 
사이트제목을 우클릭해서 새탭에서 링크 열기를 선택하면 새창에서 워드프레스 블로그 초기화면이 나옵니다.


초기화면입니다. 

여기까지 워드프레스를 세가지 방법으로 설치를 해보았습니다. 첫번째로 WAMP서버를 이용해서 설치했고 두번째로 워드프레스닷컴의 홈페이지에서 한국어버전으로 설치했으며, 세번째로 웹호스팅 사이트에 설치형버전으로 설치했습니다. 다음 글에서는 스킨을 바꾸는 방법을 알아봅니다.