🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 결론

WordPress 초보자 가이드의 핵심은 WordPress.org를 선택하고 호스팅·도메인·테마·템플릿·Elementor를 순서대로 연결해 코드 없이 공개 가능한 웹사이트를 만드는 것이다.

📌 핵심 요점

1. WordPress.com과 WordPress.org는 비용 구조와 통제 범위가 다르며, 영상은 더 낮은 비용으로 테마·플러그인·디자인 통제권을 확보할 수 있는 WordPress.org 사용을 권한다.
2. WordPress.org 사이트를 운영하려면 별도 호스팅과 도메인이 필요하며, Hostinger 가입, 이메일 인증, 도메인 등록, 도메인 인증을 거쳐 설치 준비를 마친다.
3. WordPress 설치 후에는 방문자와 가까운 서버 위치를 고르고, 관리자 계정 정보를 안전하게 보관한 뒤, AI 자동 생성보다 직접 구성하는 방식으로 사이트 통제권을 유지한다.
4. Astra 테마, Starter Templates, Elementor를 조합하면 무료 테마와 템플릿 기반으로 빠르게 사이트 구조를 만들고, 텍스트·이미지·버튼·배경·간격을 드래그 앤 드롭 방식으로 편집할 수 있다.
5. 사이트 완성도는 페이지 편집만으로 끝나지 않으며, 모바일 화면 확인, 메뉴 연결, 헤더·푸터·로고·사이트 아이콘 조정, 로그아웃 상태의 최종 공개 화면 확인까지 필요하다.

🧩 배경과 문제 정의

• 초보자는 웹사이트 제작 과정 자체보다 호스팅, 도메인, 테마, 페이지 빌더, 템플릿 선택처럼 초기에 내려야 하는 결정에서 막히기 쉽다.
• WordPress.com과 WordPress.org는 이름은 비슷하지만 비용 구조와 통제 범위가 다르므로, 먼저 어떤 WordPress를 사용할지 구분해야 한다.
• 전문적인 WordPress 사이트를 만들려면 호스팅 구매, 도메인 연결, WordPress 설치, 테마 적용, 플러그인 설치, 템플릿 가져오기, 페이지 편집이 순서대로 이어져야 한다.
• 이 영상은 코드 없이 커스텀 도메인에서 작동하는 전문적인 WordPress 웹사이트를 만들고, 무료 테마·플러그인·템플릿을 활용해 초기 비용을 호스팅 중심으로 줄이는 방법을 안내한다.

🕒 시간순 섹션별 상세정리

1. 초보자가 막히는 지점과 WordPress.org 선택 이유

• 초보자는 웹사이트 제작보다 호스팅, 테마, 페이지 빌더 등 선택지가 한꺼번에 나타나는 과정에서 시작을 포기하기 쉽다 [00:10]
• 이 영상의 목표는 코딩 없이 커스텀 도메인에서 운영되는 전문적인 WordPress 웹사이트를 만드는 것이다 [00:33]

2. 호스팅의 역할과 Hostinger 요금제 선택

• WordPress.org를 사용하려면 웹사이트 파일을 저장할 온라인 공간이 필요하며, 호스팅은 사이트를 24시간 접속 가능하게 하는 서버 공간이다 [02:09]
• Hostinger는 WordPress.org가 추천하는 호스팅 중 하나로, 초보자 친화적인 설치 흐름과 낮은 가격이 장점으로 묶인다 [02:26]

3. 결제, 계정 인증, 도메인 등록

• 계정 등록은 이메일과 비밀번호 입력으로 시작하며, 결제 주소와 결제 정보를 입력한 뒤 결제를 제출하면 Hostinger 대시보드로 이동한다 [04:02]
• 초기 온보딩은 건너뛰고 대시보드로 이동한 뒤, Hostinger에서 보낸 이메일 인증을 완료해야 한다 [04:21]

4. WordPress 설치와 대시보드 초기 정리

• 호스팅과 도메인이 준비되면 Hostinger 설정 흐름에서 새 웹사이트 생성을 선택하고, 개인 또는 비즈니스용 웹사이트로 온보딩을 진행한다 [06:18]
• 설치 대상은 WordPress이며, 관리자 이메일과 비밀번호를 설정해 WordPress 로그인 계정을 만든다 [06:40]

5. Astra 테마 설치와 불필요한 플러그인 정리

• WordPress 왼쪽 메뉴의 테마 영역에서는 사이트의 폰트, 색상, 전체 레이아웃 등 기본 디자인 구조를 관리한다 [08:36]
• 기본 테마는 디자인 선택지가 제한적이므로, 더 유연하게 사용할 수 있는 무료 테마로 교체하는 것이 좋다 [08:48]

6. Starter Templates와 Elementor 설정

• Starter Templates 플러그인은 전문적으로 디자인된 웹사이트 템플릿을 제공해, 초보자가 빠르게 사이트의 기본 구조를 만들 수 있게 돕는다 [10:24]
• 플러그인을 설치하고 활성화하면 사이트 유형과 페이지 빌더를 선택하는 초기 설정 단계로 이동한다 [10:35]

7. 템플릿 선택과 초기 사이트 생성

• 템플릿은 홈페이지, 소개 페이지, 연락처 페이지 같은 기본 페이지 구성을 포함해 처음부터 직접 제작해야 하는 부담을 줄인다 [12:01]
• 카테고리 탐색이나 검색 기능을 활용해 식당, 포트폴리오, 비즈니스 등 사이트 목적에 맞는 템플릿을 찾을 수 있다 [12:16]

8. Elementor 진입과 페이지 구조 이해

• 템플릿 가져오기가 완료되면 몇 분 뒤 새 탭에서 사이트가 열리고, 방문자에게 보일 초기 웹사이트 형태가 표시된다 [13:15]
• Elementor 편집기는 로그인 상태의 라이브 사이트 상단 바에서 열거나, WordPress 대시보드의 Pages 메뉴에서 접근할 수 있다 [13:30]

9. 텍스트와 이미지 기본 편집

• 텍스트는 페이지에서 직접 클릭해 입력하거나, 왼쪽 패널의 content 영역에서 수정할 수 있다 [14:53]
• style 탭의 typography에서는 글자 크기, 굵기, 줄 간격 등 텍스트 스타일을 조정할 수 있다 [15:15]

10. 버튼 디자인과 컨테이너 배경

• 버튼은 왼쪽 패널에서 텍스트와 링크를 수정하며, 템플릿에 포함된 서비스 페이지 같은 내부 페이지로 연결할 수 있다 [16:59]
• 버튼 스타일에서는 글자 색상, 굵기, 배경색, 모서리 둥글기, 그림자, 패딩을 조정해 가독성과 클릭 영역을 다듬는다 [17:20]

11. 요소 추가·삭제와 간격 제어

• add element 버튼에는 heading, image, text, video 같은 기본 위젯이 있으며, 원하는 위치로 끌어다 놓아 새 요소를 추가한다 [19:48]
• 요소를 배치할 때 마젠타 표시선이 삽입 위치를 보여주므로, 원하는 컨테이너 안에 정확히 넣을 수 있다 [19:58]

12. 새 섹션 구성과 전역 스타일 관리

• 새 섹션은 기존 컨테이너 사이의 plus 아이콘으로 추가하고, 필요에 따라 flexbox 또는 grid 레이아웃을 선택해 구성한다 [21:46]
• flexbox는 단순한 행·열 배치와 반응형 대응에 적합하며, grid는 상품 목록이나 사진 갤러리처럼 2차원 배치가 필요한 화면에 적합하다 [22:02]

13. 모바일 화면 최적화와 신규 페이지 생성

• 상단 드롭다운에서 편집할 페이지를 선택한 뒤 저장하면, 연락처 페이지 같은 다른 페이지도 홈 화면과 같은 방식으로 수정할 수 있다 [24:06]
• 방문자 대부분이 휴대폰으로 사이트를 보기 때문에 데스크톱, 태블릿, 모바일 화면을 전환하며 표시 상태를 확인해야 한다 [24:20]

14. 새 페이지를 메뉴에 연결하고 방문 경로 만들기

• 가져온 페이지에서 제목이 불필요할 경우 page settings의 hide title 옵션으로 표시 여부를 조정할 수 있다 [26:20]
• 새 페이지를 publish한 뒤에는 방문자가 실제로 찾을 수 있도록 사이트 메뉴에 연결해 이동 경로를 만들어야 한다 [26:37]

15. 헤더 구조와 로고를 브랜드에 맞게 조정하기

• 헤더와 푸터는 Elementor가 아니라 WordPress의 customize 화면에서 관리하며, 어떤 페이지에서든 customize 버튼으로 접근할 수 있다 [27:26]
• 헤더 설정에서는 상단 바에 들어가는 요소와 배치를 확인하고, 사이트 제목이나 로고 위치를 브랜드에 맞게 조정한다 [27:50]

16. 푸터·사이트 아이콘·최종 공개 화면 확인

• 푸터도 헤더와 같은 방식으로 customize 메뉴에서 수정하며, 그리드 배치와 각 영역의 구성 요소를 정리할 수 있다 [29:36]
• 저작권 문구, 브랜드명, 반복 메뉴, 로고 위치를 목적에 맞게 조정해 사이트 하단을 일관된 마무리 영역으로 완성한다 [29:52]

🧾 결론

• 이 영상은 “처음부터 직접 코딩하는 법”이 아니라, 초보자가 WordPress 생태계의 기본 도구를 조합해 실사용 가능한 웹사이트를 공개하는 전체 흐름을 보여준다.
• 핵심 의사결정은 WordPress.org를 기반으로 호스팅을 붙이고, Astra로 사이트의 기본 디자인 기반을 잡은 뒤, Starter Templates와 Elementor로 페이지를 빠르게 구성하는 것이다.
• 초보자가 가장 놓치기 쉬운 부분은 설치 자체보다 이메일·도메인 인증, 불필요한 플러그인 삭제, 모바일 최적화, 메뉴 연결, 헤더·푸터 같은 전역 영역 정리다.
• 최종적으로는 홈페이지가 보이는 것만 확인하는 데서 멈추지 말고, 일반 방문자 시점에서 URL로 접속해 사이트가 의도대로 공개되어 있는지 확인해야 한다.

📈 투자·시사 포인트

• 초보자 웹사이트 제작 시장에서는 “기능의 많음”보다 호스팅, 도메인, 설치, 템플릿, 편집기를 한 흐름으로 안내하는 온보딩 경험이 중요해 보인다.
• WordPress.org 기반 구축은 무료 테마와 플러그인의 확장성을 활용할 수 있어, 초기 비용을 낮추면서도 디자인·기능 통제권을 원하는 개인·소규모 사업자에게 적합한 선택지로 제시된다.
• Astra, Starter Templates, Elementor처럼 테마·템플릿·페이지 빌더가 결합된 생태계는 비개발자도 빠르게 결과물을 만들게 해주는 핵심 인프라 역할을 한다.
• 호스팅 업체 입장에서는 낮은 가격, 무료 도메인, 쉬운 WordPress 설치, 초보자 친화적 대시보드가 신규 사용자 유입의 중요한 경쟁 요소로 보인다.
• 검증 필요: Hostinger의 실제 요금, 무료 도메인 제공 조건, 저장공간·웹사이트 수, WordPress.org 추천 여부는 시점과 지역·프로모션에 따라 달라질 수 있으므로 가입 전 공식 페이지에서 다시 확인해야 한다.

⚠️ 불확실하거나 확인이 필요한 부분

• 영상에서는 Hostinger가 WordPress.org에서 공식 추천되는 호스팅이라고 설명하지만, 현재 WordPress.org 공식 추천 목록과 조건은 별도로 확인이 필요하다.
• Hostinger 요금제의 가격, 50개 웹사이트, 첫해 무료 도메인, 50GB 저장공간 같은 조건은 시점에 따라 바뀔 수 있으므로 가입 전 최신 요금제 페이지에서 재확인해야 한다.
• WordPress.com과 WordPress.org의 비용·기능 차이는 영상 기준 설명이며, 실제 필요한 기능이 어떤 플러그인·테마·요금제에 포함되는지는 사용 목적별로 확인해야 한다.
• 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
• 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
• 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

• WordPress.com이 아니라 WordPress.org 기반으로 만들지 먼저 결정하고, 필요한 통제권과 월 비용 구조를 비교한다.
• 호스팅 가입 전 Hostinger의 현재 비즈니스 플랜과 프리미엄 플랜 조건, 결제 기간별 가격, 무료 도메인 포함 여부를 확인한다.
• 짧고 기억하기 쉬운 도메인 후보를 정하고, 가능하면 .com 도메인 사용 가능 여부를 확인한다.
• 호스팅 계정 이메일 인증과 도메인 이메일 인증을 모두 완료한다.

❓ 열린 질문

• 이 사이트는 블로그, 포트폴리오, 식당, 서비스 비즈니스, 회사 소개 중 어떤 유형으로 만들 것인가?
• Hostinger 비즈니스 플랜의 성능·웹사이트 수·저장공간이 실제 프로젝트 규모에 충분한가, 아니면 더 저렴한 프리미엄 플랜으로 시작해도 되는가?
• 템플릿은 무료 템플릿만 사용할 것인가, 아니면 유료 프리미엄 템플릿도 검토할 것인가?