워드프레스로 반응형 웹사이트 만들기

2017. 09. 04

정보

워드프레스로 반응형 웹사이트 만들기


안녕하세요. 직딩에게 필요한 모든 것을 알려주는 친절한 가이드~

믿거나 말거나 한 미모한다는 마케팅계의 팅커벨, 한 대리입니다!



회사의 홈페이지나 블로그를 만들어야 하는 분들,
혹은 기존의 홈페이지를 다시 제작하고 싶으신 분들을 위해 준비했습니다

아래의 단계만 잘 따라가면,
전문가가 아니더라도,
평범한 직장인이라도,
누구나 워드프레스로 웹사이트를 만들어볼 수 있습니다!





그럼 이제 본격적으로 시작해볼까요?




Step1.  호스팅 업체 선정


일단 웹사이트 호스팅 업체부터 찾아야 합니다

그런데 수많은 호스팅 업체 중에
어느 업체가 좋은 업체인지 어떻게 판단해야 할까요?



▲ 출처 : 가비아


그래서 저는 여러분의 소중한 시간을 아끼고자 아래와 같이 업체를 추천 드립니다!


전문지식이 많은 분에게는 https://www.linode.com
호스팅이 생소한 분에게는 http://wpengine.com

과 같은 곳을 추천합니다.



Step2.  도메인 구매


호스팅 업체를 선정했다면
여러분의 블로그 또는 회사 홈페이지에 사용할 도메인을 구매합니다.

가비아, 후이즈, 카페24 등 다양한 업체에서 도메인을 판매하고 있어요.


아래 이미지는 카페24에서 Wordpress로 도메인을 검색한 화면입니다.  
역시나 인기 많은 도메인은 이미 등록되어 있는 상태군요.






▲ 출처 : 카페24


! 그리고 잊지 말아야 할 것 하나!(울음 뚝)
도메인을 구입할 때는 ‘.com, .net, .co.kr’과 같이
글로벌하게 사용 가능한 TLD(Top Level Domain : 최상위도메인)
구매하시는 것이 좋습니다.




Step3.  도메인 연동


도메인 연동을 위해서는 우선 DNS를 호스팅해야 합니다.
DNS(
도메인네임시스템)쉽게 말하자면
숫자 주소 106.177.58.81
기억하기 쉬운 영문 주소 jikding.co.kr으로
바꾸어 주는 기능
입니다.
이 역시 후이즈나 가비아와 같은 업체의 서비스를 이용하시거나
아래와 같이 무료 또는 저렴한 곳을 이용하시는 것도 좋습니다.


저렴한 곳을 이용하시는 것도 좋습니다.


- 영문 서비스(Click)

- 한글 서비스(Click)


 


Step4. MySQL 설치


MySQL은 여러분의 웹사이트가 사용할 데이터베이스를 생성하는 것입니다.
이때 여러분의 웹사이트에서 다국어를 구현하려면
문자 인코딩을 반드시 유니코드로 설정해야 합니다.

여기에 이에 대한 좀더 상세한 정보가 있습니다.(Click)

 




Step5. 워드프레스 최신본 설치


이제 워드프레스 한국어 페이지를 방문하여
최신버전의 워드프레스를 내려 받습니다



▲ 출처 : https://ko.wordpress.org/


아래에 상세한 설치가이드가 있습니다. 이를 참조하여 설치하시면 됩니다.



1. 자신이 호스팅하는 MYSQL DB이름, DB이용자, DB 패스워드를 확인


2.
워드프레스(WordPress) 다운


3.
다운 받은 워드프레스(WordPress)의 압축 풀기


4. wp-config-sample.php 파일을 열어 자신의 환경에 맞게 변경


(MYSQL DB이름, DB이용자, DB 패스워드 필요)


5. wp-config-sample.php
파일의 이름을 wp-config.php으로 저장


6.
모든 파일을 호스팅 하는 서버에 올리기


7.
웹브라우저에 http://도메인/워드프레스폴더/wp-admin/install.php를 입력


8.
웹브라우저에 나타나는 지시에 따라 진행


9.
임시비밀번호를 기억하기 (혹은 마우스로 복사)


10.
로그인 화면이 나타나면 아이디는 admin 비밀번호는 임시비밀번호를 입력


11. 관리자 화면에 들어가서 비밀번호를 우선 변경

  


더 자세한 설치방법은 아래 페이지를 참고하시면 됩니다.



1. 내 컴퓨터(Windows)에 워드프레스 설치하기(Click)
2. MAMP
를 사용해서 애플 컴퓨터에 워드프레스 설치하기(Click)
3.
국내 무료 호스팅에 워드프레스 설치하기(Click)

 

혹은 국내 웹서버 프로그램오토셋을 이용하는 방법도 있습니다.

Autoset 설치하기(Click)

 




Step6. 워드프레스 데이터 입력


워드프레스에 데이터 입력 시 아래를 참고하세요.


- 영문 서비스(Click)

- 한글 서비스(Click)




Step7. 워드프레스 테마 구입


이제는 신나는 꾸미기 시간!




오픈마켓에서 검색하여 가장 마음에 드는 테마를 구매해볼까요?
테마를 내려 받으면 웹사이트에 업로드 방식으로 테마를 설치합니다.

워드프레스 테마는 유료 테마(프리미엄 테마)와 무료 테마로 나뉘며
아래 사이트에서 테마를 검색하고 선택할 수 있습니다.



▲ 출처 : https://wordpress.org/themes/


WordPress.org
Studio Press
ThemeForest
WooThemes
Elegant Themes
Awesome Themes



 

Step8. 카테고리와 메뉴 구성


꾸미기가 끝났으니 큰 틀이 되는
카테고리와 메뉴를 구성해볼까요?

아래 이미지와 같이
Appearance > Menus’로 이동한 후,
드래그&드롭으로 간편하게 구성할 수 있습니다!



▲ 출처 : 구글




▲ 출처 : 구글

 

Step9. 플러그인 적용하기


워드프레스에는 기개발된 수많은 플러그인이 있어요.
디자인 테마처럼 무료와 유료로 나뉘어집니다.
그러나 3만개가 넘을 만큼 아주 다양해요.
그래서 여러분의 웹사이트에 적합한 플러그인이 어느 것인지
판단하고 구분할 줄 알아야 하는데 많이 어렵죠?

 
그럴 때는 전문가에게 컨설팅을 받는 것도 좋은 방법입니다.





어쨌든 이로써 드디어 워드프레스로 웹사이트 만들기 대장정이 끝이 났네요


저 한마팅이 알려드린 워드프레스로 반응형 웹사이트 만들기, 큰 도움이 되셨는지요!
앞으로도 더욱 좋은 포스팅으로 찾아 뵙겠습니다.
그럼 모두 굿바이, 굿캐스팅!


(참고 : homepang/ 왕초보용 워드프레스 웹사이트 구축 방법)




※본 내용의 저작권은 캐스팅엔 (www.castingn.com)
놀란미디어 (www.nollan-m.com) 에 있으며 무단 전제 및 배포를 금합니다.






인기 포스트