평생 무료 웹사이트 제작2025년 최신 워드프레스 무료 도메인+호스팅으로 10분 만에 끝내는 법!
💥평생 무료 웹사이트 제작! 2025년 최신 워드프레스 무료 도메인+호스팅으로 10분 만에 끝내는 법!
[📌 목차] 지금 바로 클릭해서 이동하세요!
- 1. 무료 웹사이트 만들기 2단계 핵심 전략
- 2. 🚀 1단계: 웹사이트 구축 및 무료 호스팅 설정
- 3. ✨ 2단계: 아스트라(Astra) & 엘리멘터(Elementor)로 디자인 사용자 정의
- 4. 헤더/메뉴 편집과 새 페이지 추가 방법
- 5. 💎 필수: 나만의 맞춤 도메인으로 전환하기 (선택 사항)
1. 무료 웹사이트 만들기 2단계 핵심 전략
이 튜토리얼을 통해 누구나 온라인에서 방문할 수 있는 완벽한 맞춤형 웹사이트를 코딩 없이 만들 수 있습니다. 드래그 앤 드롭 도구를 사용하여 웹사이트를 쉽게 디자인하고 사용자 정의하는 방법을 자세히 알려드립니다.
웹사이트 구축은 두 가지 간단한 단계로 이루어집니다.
- 1단계: 웹사이트를 출시합니다. (무료 호스팅 및 워드프레스 설치)
- 2단계: 웹사이트를 사용자 정의하여 나만의 것으로 만듭니다. (디자인 및 콘텐츠 편집)
2. 🚀 1단계: 웹사이트 구축 및 무료 호스팅 설정
✅ 1단계: 무료 웹사이트 호스팅 확보하기
무료 웹사이트 호스팅을 얻기 위해 특정 웹사이트로 이동하여 계정을 등록합니다. 이메일 주소와 비밀번호를 입력하고, 약관에 동의한 후 가입을 완료합니다.
✅ 2단계: 무료 계정 생성 및 도메인 선택
이메일 인증을 마친 후, '무료(Free) 옵션'을 선택하고 새 계정을 생성합니다. 여기서 원하는 도메인 이름을 입력하고 사용 가능 여부를 확인합니다. 무료 옵션은 서브도메인 형태로 제공되지만, 나중에 도메인 확장자를 없애는 방법도 안내됩니다.
✅ 3단계: 워드프레스 설치하기
호스팅 설정이 완료되면, '제어판(Control Panel)'로 이동합니다. 복잡한 내용은 모두 무시하고, 아래로 스크롤하여 소프트웨어(Software) 섹션의 '앱 설치 관리자(Softaculous Apps Installer)'를 클릭합니다. 여기서 '워드프레스(WordPress)'를 찾아 설치를 진행합니다.
사이트 이름과 설명을 입력하고, 웹사이트 로그인에 사용할 사용자 이름과 비밀번호를 생성합니다. 설정을 완료한 후 '설치(Install)' 버튼을 누르면 잠시 후 웹사이트가 자동으로 설정됩니다.
3. ✨ 2단계: 아스트라(Astra) & 엘리멘터(Elementor)로 디자인 사용자 정의
✅ 1단계: Astra 테마 설치 및 템플릿 선택
웹사이트 대시보드(도메인/wp-admin)에 접속한 후, '외모(Appearance)' > '테마(Themes)' > '새로 추가'로 이동하여 'Astra' 테마를 검색하고 설치 후 활성화합니다.
활성화 후, '시작 템플릿(Starter Templates)으로 시작하기' 버튼을 클릭하고 페이지 빌더로 'Elementor'를 선택합니다.
✅ 2단계: Elementor로 드래그 앤 드롭 편집
수많은 무료 템플릿 중에서 원하는 디자인을 고릅니다. 템플릿을 선택하면, 로고, 색상, 글꼴 등을 미리 설정하거나 나중에 Elementor에서 편집할 수 있습니다. 정보를 입력하고 '제출 및 내 사이트 구축(Submit and Build My Site)'을 클릭하면, 선택한 템플릿으로 웹사이트가 완성됩니다.
사이트를 방문한 후 상단의 'Elementor로 편집(Edit with Elementor)' 버튼을 클릭하여 디자인 편집 모드로 진입합니다.
✅ 3단계: Elementor 기본 사용법 익히기
Elementor는 드래그 앤 드롭 방식으로 작동합니다.
- 왼쪽 창은 '요소(Elements)' 메뉴로, 웹사이트에 추가할 수 있는 모든 구성 요소를 담고 있습니다.
- 오른쪽 창은 '편집 창'으로, 섹션(가장 큰 단위), 열(Column), 그리고 위젯/요소(가장 작은 단위)로 구성됩니다.
특정 텍스트나 이미지를 클릭하면 왼쪽 편집 창에서 해당 요소의 내용(Content), 스타일(Style), 고급(Advanced) 설정을 변경할 수 있습니다. 모든 편집 후에는 반드시 '발행(Publish)' 또는 '업데이트(Update)'를 클릭하여 저장해야 합니다.
4. 헤더/메뉴 편집과 새 페이지 추가 방법
✅ 헤더와 메뉴(탐색) 편집하기
WordPress 대시보드로 돌아가서 상단의 '사용자 정의(Customize)'를 클릭합니다. 이는 Astra 테마의 설정을 사용하는 것입니다.
화면에서 '헤더(Header)' 부분에 마우스를 올리면 나타나는 연필 아이콘을 클릭하여 편집 모드로 진입합니다.
- 메뉴 편집: 메뉴 구성(Configure Menu)에서 항목을 추가, 삭제, 또는 드래그하여 순서를 변경할 수 있습니다.
- 로고 변경: 로고 영역의 연필 아이콘을 클릭하여 로고를 제거하고 새 이미지를 업로드할 수 있으며, 로고 너비도 쉽게 조절 가능합니다.
✅ 새 페이지 추가하기
WordPress 대시보드에서 '페이지(Pages)' > '새 페이지 추가(Add Page)'를 클릭합니다. 페이지에 이름을 지정하고 'Elementor로 편집(Edit with Elementor)'을 클릭합니다.
여기서 템플릿으로 시작하거나, 또는 + 버튼을 클릭하여 섹션을 추가한 후 머리글, 텍스트, 이미지, 버튼 등 다양한 요소를 드래그하여 처음부터 디자인할 수 있습니다. 완료되면 '발행'을 눌러 저장합니다.
5. 💎 필수: 나만의 맞춤 도메인으로 전환하기 (선택 사항)
지금까지 만든 무료 사이트는 완벽하지만, `mysite.com`과 같이 나만의 맞춤형 도메인을 소유하고 싶다면 유료 호스팅과 도메인 구매가 필요합니다.
✅ 유료 호스팅의 이점 (Hostinger 예시)
유료 호스팅을 사용하면 다음과 같은 이점을 얻을 수 있습니다.
- 웹사이트 소유권 확보 (누구도 삭제할 수 없음)
- 맞춤형 도메인 이름 사용 가능
- 웹사이트 기능 향상을 위한 무제한 플러그인 및 테마 사용
- 무료 CDN 및 도메인 개인 정보 보호 혜택 제공
✅ 무료 사이트를 새 도메인으로 이전하는 방법
새로운 호스팅과 도메인을 구매한 후, 이전에 만든 무료 사이트를 새 도메인으로 쉽게 옮길 수 있습니다.
워드프레스 대시보드에서 '플러그인(Plugins)' > '새로 추가'로 이동하여 'Migrate Guru' 플러그인을 설치하고 활성화합니다.
새 도메인의 워드프레스에도 동일하게 Migrate Guru를 설치합니다. 새 사이트에서 '마이그레이션 키'를 복사하여, 기존 무료 사이트에 붙여 넣고 '마이그레이션(Migrate)'을 클릭하면 됩니다.
이 과정을 통해 무료 사이트의 모든 내용이 새로운 맞춤형 도메인으로 완벽하게 복사되어, 새로운 나만의 웹사이트가 완성됩니다.
이 글의 내용을 영상으로 직접 확인해보세요!
▶️ 영상으로 전체 튜토리얼 시청하기 (클릭!)
