워드프레스 초보자 가이드: 10단계 웹사이트 만들기
안녕하세요! 저는 artsenseSEO입니다. 😊
이 강좌에서는 초보자도 쉽게 따라 할 수 있도록, 20단계로 워드프레스 웹사이트를 만드는 방법을 안내해 드리겠습니다.
이 강의를 끝까지 따라오시면 기본적인 웹사이트 구축 방법부터 디자인, 기능 추가까지 전반적인 과정을 익힐 수 있습니다.
자, 그럼 시작해 볼까요? 🚀
1단계: 도메인과 호스팅이란?
✔ 도메인과 호스팅이란?
웹사이트를 운영하려면 도메인과 호스팅이 필요합니다.
- 도메인(domain): 웹사이트의 주소 (예:
facebook.com
,naver.com
) - 호스팅(hosting): 웹사이트 데이터를 저장하고, 인터넷에서 접근할 수 있도록 하는 공간
✔ 도메인과 호스팅 비용
- 도메인 비용: 연간 약 1~2만 원
- 호스팅 비용: 월 4,000~15,000원 (보통 연 단위 결제)
✔ 추천 호스팅 서비스
수많은 호스팅 업체가 있지만, 저는 **호스팅어(Hostinger)**를 추천합니다.
✅ 빠른 속도 & 저렴한 가격
✅ 24시간 고객 지원
✅ 30일 환불 보장
2단계: 워드프레스 설치하기
워드프레스(WordPress)는 전 세계 웹사이트의 **43%**가 사용하고 있는 무료 웹사이트 제작 도구입니다.
💡 워드프레스는 2가지 버전이 있습니다.
- WordPress.com: 제한적인 기능 (비추천 🚫)
- WordPress.org: 자유로운 커스터마이징 가능 (추천 ✅)
✔ 워드프레스 설치 방법
- 호스팅 업체에서 자동 설치 지원 (가장 쉬운 방법)
- 수동으로 설치 (WordPress.org에서 다운로드 후 직접 업로드)<-다운로드here!!
3단계: 기본 설정하기
✔ 기본 설정해야 할 것들
✅ 사이트 제목 & 태그라인 변경
✅ 기본 URL 설정 (퍼머링크: 글 이름
으로 설정)
✅ SSL 인증서 설치 (보안 강화)
설정 방법:
- 워드프레스 관리자 페이지 (
yourdomain.com/wp-admin
) 접속 설정 > 일반
에서 사이트 제목과 태그라인 변경설정 > 고유주소
에서글 이름
선택 후 저장
4단계: 테마 선택하기
테마는 웹사이트의 기본적인 디자인을 결정합니다.
워드프레스에는 수천 개의 무료 & 유료 테마가 있습니다.
✔ 추천 테마
1) 오션WP(OceanWP) – 가볍고 빠른 다목적 테마
2) 애스트라(Astra) – 깔끔하고 SEO 친화적인 테마
3) 헬로 엘리멘터(Hello Elementor) – 엘리멘터 페이지 빌더에 최적화
설치 방법:
외모 > 테마 > 새로 추가
- 원하는 테마 검색 후
설치
→활성화
5단계: 필수 플러그인 설치하기
플러그인은 웹사이트 기능을 확장하는 도구입니다.
(예: SEO 최적화, 속도 개선, 보안 강화 등)
✔ 필수 플러그인 추천
✅ 엘리멘터(Elementor) – 초보자용 페이지 빌더 (드래그앤드롭으로 디자인)
✅ Yoast SEO – 검색엔진 최적화(SEO)
✅ WP Fastest Cache – 사이트 속도 최적화
✅ Contact Form 7 – 간단한 연락처 폼 추가
설치 방법:
플러그인 > 새로 추가
- 검색 후
설치
→활성화
6단계: 홈페이지 만들기
초기 워드프레스 사이트는 기본적으로 블로그 형식입니다.
홈페이지를 정적인 웹사이트로 변경하는 방법은 다음과 같습니다.
페이지 > 새 페이지 추가
→ 홈페이지(Home) 생성설정 > 읽기
에서 홈페이지 표시: 정적인 페이지 선택홈페이지
를 방금 만든 “Home” 페이지로 설정
7단계: 엘리멘터로 웹사이트 디자인하기
이제 웹사이트 디자인을 시작해 봅시다! 🎨
💡 엘리멘터(Elementor)는 드래그&드롭 방식으로 웹사이트를 디자인할 수 있는 플러그인입니다.
1) 엘리멘터 설치 후 기본 개념 이해
- 위젯(Widgets): 텍스트, 이미지, 버튼 등 요소 추가
- 컨테이너(Containers): 웹사이트 레이아웃 구성
- 전역 스타일(Global Styles): 전체적인 디자인 통일
2) 페이지 디자인 시작하기
페이지 > 편집하기 > 엘리멘터로 편집
클릭- 원하는 위젯을 드래그&드롭하여 추가
- 텍스트, 이미지, 버튼 등을 삽입 & 편집
- 변경사항 저장 후 적용
8단계: 반응형 웹사이트 만들기
스마트폰과 태블릿에서도 웹사이트가 잘 보이도록 최적화해야 합니다.
✅ 엘리멘터 > 반응형 모드
에서 모바일 & 태블릿 디자인 조정
✅ 텍스트 크기, 이미지 위치, 버튼 크기 등을 최적화
9단계: 내비게이션 메뉴 만들기
웹사이트 방문자가 쉽게 이동할 수 있도록 메뉴를 추가해야 합니다.
외모 > 메뉴
에서 새 메뉴 생성홈, 회사소개, 서비스, 블로그, 연락처
추가- 메뉴 위치를
기본 내비게이션
으로 설정 후 저장
10단계: 푸터(하단 정보) 설정하기
푸터는 웹사이트의 **하단 정보(연락처, 저작권, SNS 링크 등)**가 들어가는 공간입니다.
엘리멘터로 쉽게 디자인할 수 있습니다.
엘리멘터 템플릿 > 새 템플릿 추가 > 푸터 선택
연락처, 저작권 정보, SNS 아이콘
추가- 저장 후 적용
마무리: 웹사이트 완성 후 체크리스트
✅ SEO 최적화 (Yoast SEO 설정하기)
✅ 웹사이트 속도 최적화 (캐시 플러그인 & 이미지 압축)
✅ 보안 강화 (SSL 인증서 & 백업 플러그인 설정)
✅ 구글 애널리틱스 & 서치 콘솔 등록 (트래픽 분석 & 검색 노출 확인)
이제 여러분만의 멋진 워드프레스 웹사이트가 완성되었습니다! 🎉
📌 결론: 이제 직접 만들어 보세요!
워드프레스로 웹사이트를 만드는 것은 생각보다 어렵지 않습니다.
이 가이드를 차근차근 따라 하면, 누구나 쉽게 웹사이트를 구축할 수 있습니다.
다음은 12단계로 좀더 자세히 설치하는 방법을 보여드리겠습니다.
💡 질문이 있다면 댓글로 남겨주세요!
이제 직접 도전해 보세요. 🚀
👉 웹사이트를 만드셨다면 공유해주세요! 😊