워드프레스 홈페이지는 어떤 순서로 제작을 해야 할까요? 워드프레스 홈페이지 개발자 윌소장이 실제 실무에서 진행하는 제작 순서를 체크리스트 형태로 알려드리겠습니다. 홈페이지 제작을 할 때 하나하나 체크하시면서 가이드처럼 사용하시면 되겠습니다. 그럼 바로 시작합니다!

워드프레스 홈페이지를 위한 도메인과 호스팅 서버를 준비합니다

홈페이지를 만들기 위해서는 가장 먼저 도메인과 호스팅이 필요합니다. 홈페이지를 건물에 비유하면 도메인은 건물의 주소가 되고 호스팅 서버는 건물이 세워질 땅으로 비유할 수 있습니다. 그럼 도메인과 호스팅 서버에 대해 쉽고 간단하게 알려드리겠습니다.

도메인이란?

우리가 네이버에 접속할 때, 인터넷 브라우저에 https://naver.com 이라고 입력을 하죠? 여기서 naver.com을 바로 도메인이라고 부릅니다. 이처럼 어떤 홈페이지에 접속을 하려면 주소가 필요합니다.

워드프레스 홈페이지 도메인 구입

도메인을 만드는 방법

도메인을 만드는 방법은 간단합니다. 도메인을 파는 홈페이지에 가서 내가 원하는 도메인 주소를 검색해보고, 등록이 가능한 도메인이라면 구입을 하면 내 도메인으로 사용할 수 있습니다. 도메인을 파는 곳은 국내·외에 굉장히 많습니다. 사실 너무 많아서 모두 나열하기는 어렵고, 네이버 블로그에 제가 자세히 설명을 해두었으니 참고하셔서 준비하시면 되겠습니다. (도메인 싸게 구입하는 법 블로그 글 보러가기)

호스팅 서버란?

호스팅 서버는 홈페이지를 처음 만드시는 경우 조금 헷갈릴 수 있습니다. 모든 홈페이지는 이른바 “소스코드”라는 것을 가지고 있습니다. 우리가 홈페이지에 들어갔을 때 보이는 이미지, 글자 뿐만 아니라 로그인을 할 수 있는 기능, 결제를 할 수 있는 기능들을 담고 있는 파일들이 존재합니다. 호스팅 서버에는 이러한 파일들이 담겨져 있습니다. 위에서 만든 도메인(건물의 주소)을 호스팅 서버(건물의 땅)에 연결을 하면 도메인을 입력하면 호스팅 서버에서 우리에게 홈페이지 화면을 보여줍니다.

정리해보면, 호스팅 서버는 홈페이지의 소스코드를 담고 있으며, 도메인을 입력했을 때 인터넷 브라우저에 홈페이지를 보여주는 역할을 합니다.

워드프레스 홈페이지 호스팅 구입

호스팅 서버를 준비하는 방법

호스팅 서버를 제공하는 업체에서 결제를 하면 원하는 기간 동안 서버를 사용할 수 있습니다. 호스팅 서버를 제공하는 업체도 도메인과 동일하게 국내·외에 너무나 많이 있습니다. 이에 대한 자세한 내용도 네이버 블로그에 제가 자세히 설명해두었습니다. 참고해서 준비해보시기 바랍니다.

참고 : 호스팅 서버를 준비할 때 반드시 SSL 설정도 함께 해주어야 합니다. SSL을 설정이란 도메인 주소 앞에 쓰는 “https://”에서 바로 “s”의 차이입니다. 이 “s”가 붙어야 우리가 사이트에 접속해서 입력하는 데이터들이 탈취당하지 않을 수 있습니다. 한 마디로 보안을 위해 설정한다고 보시면 됩니다. 특히 쇼핑몰을 하시는 분들은 반드시 SSL 설정을 의무로 하셔야 합니다. 검색엔진최적화 측면에서도 SSL이 되어 있어야 합니다.

워드프레스 홈페이지를 설치하고 기본 설정을 완료합니다

호스팅 서버가 준비되었다면 워드프레스를 설치합니다. FTP로 직접 파일을 복사해서 워드프레스를 설치하는 경우도 있지만 최근에는 자동으로 워드프레스가 설치되어 있거나 1번의 클릭으로 워드프레스 설치를 쉽고 간편하게 할 수도 있습니다. 특히 제가 추천한 해외 호스팅 서버를 이용하셨다면, cPanel이라는 것을 제공해서 너무 쉽게 워드프레스 설치가 가능합니다.

워드프레스 테마를 설치하고 설정합니다.

워드프레스 설치가 되었다면 이제 테마를 설치합니다. 사실 워드프레스만 설치해도 기본으로 제공하는 무료 테마가 있는데 이 테마를 사용해도 충분히 홈페이지를 만들 수 있습니다. 하지만, 제공하는 디자인 옵션이 적기 때문에 대부분은 어떤 홈페이지를 만들지에 따라서 목적에 맞게 워드프레스 테마를 별도로 설치를 합니다.

먼저 워드프레스 홈페이지의 전체 폰트와 색상을 설정합니다.

워드프레스 테마를 설치했다면, 본격적으로 홈페이지를 제작하기 전에 빠르게 작업을 하기 위해서 몇 가지 미리 설정해야 할 요소들이 있습니다. 대표적으로 홈페이지 전체의 색상과 폰트입니다. 특히 한글로 홈페이지를 만들 경우 워드프레스에서 제공하는 폰트로는 한계가 있기 때문에 원하는 폰트를 가져와서 홈페이지에 적용하는 절차가 필요합니다.

Astra 테마와 Elementor 플러그인을 사용할 경우 원하는 폰트를 사용하는 방법을 블로그에 자세히 적어두었으니 보시고 따라하시면 되겠습니다. 테마에 따라 설정법이 다를 수 있는데, 테마나 플러그인에서 별도로 폰트를 적용할 수 있는 기능을 제공하는 경우도 있고, 만약 그런 기능을 제공하지 않는다면 폰트를 적용하는 플러그인을 사용하거나 CSS를 이용해 직접 적용하는 방법도 있습니다.

워드프레스 홈페이지의 레이아웃을 설정합니다

테마에서 기본으로 제공하는 레이아웃을 그대로 사용할 수도 있지만, 별도로 원하는 레이아웃이 있을 수 있습니다. 여기서 레이아웃이란 홈페이지 화면 내에서 콘텐츠가 차지하는 가로 영역, 좌/우 사이드바 등의 위치 등을 이야기합니다. 이 옵션은 테마에 따라서 조금씩 다르게 설정할 수 있습니다.

로고(Logo)와 파비콘(Favicon)을 설정합니다.

워드프레스 관리자 페이지에서 “외모 → 사용자 정의하기”로 이동하면 로고와 파비콘을 설정할 수 있습니다. 로고와 파비콘은 한 번 설정해놓으면 이후에 이미지가 변경되기 전까지는 변경할 필요가 없습니다. 파비콘을 수정하는 방법은 어떤 테마를 사용하더라도 거의 비슷하기 때문에 아래 블로그 글을 참고하시면 어렵지 않게 적용할 수 있을 것입니다.

필요한 플러그인들을 설치하고 설정합니다

테마에서 기본적인 설정을 모두 마쳤다면, 이제 필요한 플러그인들을 설치해야 합니다. 어떤 홈페이지를 만드느냐에 따라서 설치해야 하는 플러그인의 종류는 너무나 많기 때문에, 모든 플러그인을 소개할 수는 없습니다. 그래도 홈페이지를 만들 때 최소한 설치해야 하는 플러그인들이 있습니다. 바로 사이트 최적화, 보안, SEO 기능을 하는 플러그인입니다. 추천하는 몇 가지 플러그인을 블로그에 적어두었으니 처음에 워드프레스를 만드셨다면 이 플러그인들을 설치해보시기 바랍니다.

이제 본격적으로 워드프레스 홈페이지 디자인과 기능을 구현합니다

기본적인 설정은 끝났습니다. 이제 원하는 홈페이지를 만들기 위해 디자인을 하고 플러그인들을 이용해 기능을 구현하면 됩니다. 여기부터는 내가 랜딩페이지를 만들지, 블로그를 만들지, 쇼핑몰을 만들지, 온라인 강의 플랫폼을 만들지에 따라 완전히 달라지기 때문에 이후에 별도로 포스팅해보도록 하겠습니다.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤