따라하며 제작하는 워드프레스
홈페이지 만들기 15단계
초보자를 위해 따라하며 제작할 수 있는 홈페이지 만들기 가이드입니다. 홈페이지를 만들기 위해 처음에 어떻게 시작, 편집 그리고 운영 방법까지 단계별로 모두 배울 수 있습니다!
시작하는 방법
- 유튜브 영상을 보면서 아래 무료 가이드를 그대로 따라하면 됩니다.
배울내용
- 홈페이지 제작을 위해 필요한 기초 개념
- 사이트 제작을 위한 도메인 & 호스팅 등록 방법
- 워드프레스 사이트 설치하는 방법
- 워드프레스 관리자 페이지 활용하는 방법
- 워드프레스 테마 설치 및 템플릿 적용하는 방법
- 워드프레스 테마 편집하는 방법
- 블로그 및 연락처 페이지 편집하는 방법
- 새 페이지 만들기 및 메뉴 편집하는 방법
- 워드프레스 플러그인 설치 및 활용하는 방법
강좌대상
- 혼자서 홈페이지를 직접 제작해보고 싶은 사람
- 코딩 능력없이 쉽고 빠르게 제작하고 싶은 사람
- 워드프레스 기초에 대해 배워보고 싶은 사람
- 비즈니스 홈페이지를 제작해보고 싶은 사람
- 포트폴리오를 제작해보고 싶은 사람
- 랜딩페이지 및 다양한 사이트를 제작해보고 싶은 사람
강좌단계
- STEP 1 - 등록가능한 도메인 주소 확인하기
- STEP 2 - 도메인 주소 등록하기
- STEP 3 - 웹 호스팅 등록하기
- STEP 4 - ASTRA 프로 + 워드프레스 설치하기
- STEP 5 - 도메인 주소와 워드프레스 연동하기
- STEP 6 - 워드프레스 관리자 페이지 기본 세팅하기
- STEP 7 - 워드프레스 테마 템플릿 선택 후 적용하기
- STEP 8 - 글로벌 스타일 편집하기
- STEP 9 - Header 편집하기
- STEP 10 - Footer 편집하기
- STEP 11 - 메인 페이지 편집하기
- STEP 12 - 블로그 페이지 추가 및 편집하기
- STEP 13 - 연락처 페이지 편집하기
- STEP 14 - 새 페이지 만들기
- STEP 15 - 워드프레스 플러그인 설치하기
등록가능한 도메인 주소 확인하기
도메인 주소를 등록하기 전에 우선 등록 가능한지 확인을 해야합니다. 아래 등록하길 원하는 도메인 주소를 입력해서 확인해보세요.
체크리스트
참고하기
- 도메인 주소는 .com 으로 끝나는 형태가 가장 보편적입니다.
STEP 2
도메인 주소 등록하기
STEP 1에서 확인했던 등록가능한 도메인 주소를 토대로 실제로 도메인 업체를 통해 자신만의 도메인 주소를 등록하시기 바랍니다.

체크리스트
참고하기
- 이메일 컨펌 후 Namecheap 에서 도메인 주소를 바로 확인시, 상태가 ALERT 라고 나올 수 있습니다. 이는 이메일 컨펌 후 적용되기까지 시간이 다소 걸리는 것으로, 나중에 다시 확인하면 ACTIVE로 변경되어 있을 것입니다.
- 도메인 등록 후 14일이내 이메일 컨펌을 진행하지 않는다면, 해당 도메인으로 접속이 불가능합니다. 꼭 이메일 컨펌을 진행해주시기 바랍니다.
STEP 3
클라우드웨이즈 웹 호스팅 등록하기
홈페이지를 만들기 위해선 앞서 등록한 도메인 주소 외에도 웹 호스팅 필요합니다. 웹 호스팅은 사이트를 온라인 상에서 24/7 항상 접속 가능하게 운영하기 위해 필요한 웹 서버를 업체를 통해 빌려서 사용하는 것입니다.

체크리스트
참고하기
- 할인코드 옵션: BEAN25 (3개월동안 25% 할인)
- 이 가이드는 클라우드웨이즈 제휴마케팅 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
- 참고로 가이드빈 사이트를 포함해서 가이드빈이 운영하는 모든 사이트가 클라우드웨이즈를 통해 운영되고 있다는 점도 알려드립니다.
STEP 4
ASTRA 프로 + 워드프레스 설치하기
클라우드웨이즈 호스팅을 통해 홈페이지 고급 편집 도구인 ASTRA 프로 플러그인이 미리 적용된 워드프레스를 설치해보도록 하겠습니다.

체크리스트
참고하기
- ASTRA 프로를 무료로 사용하려면 체험판 계정에서 정식으로 업그레이드해야 적용이 가능합니다.
- [업데이트] 21:15 부분에서 Astra 기반의 새 워드프레스 기본 사이트는 빈 화면으로 나올 수 있습니다. 단순히 넘어가셔도 되겠습니다.
STEP 5
도메인 주소와 워드프레스 연동하기
등록한 도메인 주소를 검색했을 때, 자신이 만든 홈페이지가 나오게 하기 위해 연결하는 작업이 필요합니다. 여기서는 도메인 주소를 등록했던 Namecheap 을 통해어떻게 세팅해야하는지 배우게 될 것입니다.

체크리스트
참고하기
- Primary Domain 설정하는 새 방법 확인하기 (2023/01/01~)
- 기본 페이지가 빈 화면으로 나오나요? 해당 부분은 새로 업데이트되어 빈 화면으로 나오는 것으로 단순히 다음 단계로 진행하시면 되겠습니다.
STEP 6
워드프레스 관리자 페이지 기본 세팅하기
자신의 워드프레스 사이트를 본격적으로 관리하기 위해선 워드프레스 관리자 페이지에 접속해야 합니다. 이 단계에서는 어떻게 워드프레스 관리자 페이지에 접속해서 기본 세팅하는 방법까지 모두 확인할 수 있습니다.

체크리스트
참고하기
- 워드프레스 관리자 페이지 접속: https://example.com/wp-admin
STEP 7
워드프레스 테마 템플릿 선택 후 적용하기
자신의 워드프레스 홈페이지에 이미 적용된 ASTRA 테마를 통해 템플릿을 무료로 적용해볼 차례입니다. 이 강좌에서는 Digital Agency 템플릿 디자인을 사용하게 되지만, 편집 방법만 익힌다면 어떤 템플릿이든지 자유롭게 적용할 수 있습니다.
체크리스트
참고하기
- [업데이트] 아스트라 옵션을 못찾는 경우, 자주묻는질문에서 "아스트라 옵션 설정하는 방법"을 확인하세요.
- [업데이트] 아스트라 프로 플러그인이 설치되어 있지 않은 경우, 여기 자주묻는질문을 확인하세요.
- [업데이트] 7-3 ASTRA 프로 모듈 활성화 방법을 못찾는 경우, 자주묻는질문에서 "ASTRA 프로 모듈 활성화하는 방법"을 확인하세요.
- 랜딩 페이지에 "이 페이지는 존재하지 않는 것 같습니다" 나오면, 외모 > 사용자 정의하기 > 홈페이지 설정 > 정적인 페이지로 설정 후 홈 옵션에 "원하는 메인 페이지"를 지정하면 되겠습니다.
STEP 8
글로벌 스타일 편집하기
글로벌 스타일은 홈페이지 전체 테마 디자인의 폰트, 색상, 콘테이너, 버튼등 모든 요소에 영향을 끼치고, 이는 일관성있는 디자인을 위해 중요합니다.

체크리스트
STEP 9
Header 편집하기
홈페이지 헤더 부분은 모든 페이지에서 상단에 위치한 부분입니다. 헤더에는 보통 로고와 메뉴 그리고 버튼 요소로 이뤄져 있습니다. 이 단계에서는 해당 요소 외에도 어떻게 투명 헤더 및 고정 헤더를 제대로 사용할 수 있는지 자세히 알 수 있습니다.

체크리스트
STEP 10
Footer 편집하기
푸터는 홈페이지 가장 하단에 위치하는 부분으로 간략한 사이트 소개부터 연락처 및 카피라이트 정보까지 다양하게 추가해서 배치할 수 있습니다.

체크리스트
STEP 11
메인 페이지 편집하기
홈페이지에 방문하면 가장 먼저 나오는 메인 페이지를 편집하는 방법에 대해 알아볼 차례입니다. 여기서 편집하는 방법을 배우고 나면 다른 회사소개 및 서비스 페이지등 모든 일반 페이지를 편집할 수 있게 될 것입니다.

체크리스트
STEP 12
연락처 페이지 편집하기
방문자들이 서비스나 상품에 관심있을 때 연락할 수 있도록 정보를 제공하는 페이지입니다. 여기서는 엘리멘터에서 제공하는 블럭 템플릿을 활용해서 쉽고 빠르게 제작할 것입니다.

체크리스트
참고하기
- 엘리멘터에서 제공하는 무료 템플릿을 사용하려면 무료 계정을 만들어서 연동해야 합니다.
- 연락처 폼을 연동하는 방법은 다른 가이드 영상에서 다룰 예정입니다.
STEP 13
블로그 페이지 추가 및 편집하기
워드프레스의 블로그 기능은 기본으로 제공됩니다. 홈페이지 운영에 블로그를 추가하고자 한다면 이 단계를 통해 쉽고 빠르게 만들 수 있습니다.

체크리스트
STEP 14
새 페이지 만들기
자신이 원하는 페이지를 매뉴얼 혹은 템플릿을 이용해서 만드는 방법에 대해 알아볼 것입니다. 그리고 새 페이지를 만든다음 메뉴에 추가하는 방법까지 모두 알 수 있습니다.

체크리스트
참고하기
- 엘리멘터 템플릿 라이브러리가 나오지 않는다면? 폴더 아이콘이 아닌 S 아이콘을 클릭해서 Starter Template 에서 제공하는 리소스를 활용하시기 바랍니다.
STEP 15
워드프레스 플러그인 설치하기
플러그인은 홈페이지를 운영하는 초보자에게 코딩없이 원하는 기능을 클릭만으로 구현할 수 있도록 도와줍니다. 이 단계에서 인기 플러그인 중 하나로 이미지 최적화에 도움이 되는 플러그인을 어떻게 설치하고 세팅할 수 있는지 알아보세요.

체크리스트
마지막 사이트 점검하기
마지막 단계로 제작한 홈페이지가 사람들이 문제없이 사용할 수 있는지 사이트를 점검해보도록 하겠습니다.

체크리스트
축하합니다!
홈페이지 만들기 가이드를 모두 완료했습니다!
