워드프레스에 블로그 같은 사이드 메뉴를 만들려고 고군분투하다가 '내가 왜 이러고 있어야 하지?!' 라며 울분에 차서 때려 치움. 제타를 만나서 다른 일을 의논하는 와중에 잠깐 이 이야기를 꺼냈더니 바로 고스트 블로그를 추천해 주었는데, 오. 아직까진 괜찮아. 커스터마이징이 좀 제한적이긴 한데 그건 무료 버전이라 그럴지 모르겠어.

🧾 김정인 님의 홈페이지 구축 여정 정리

1️⃣ 도메인 등록 & 관리

✅ [✔] 가비아(Gabia)에서 도메인 등록

• 등록 도메인: moransocial.me
• 가비아에서 네임서버 설정 가능
• 도메인 소유 및 설정 권한 확보

2️⃣ 호스팅 환경 구성

✅ [✔] 카페24에서 워드프레스 호스팅 신청

• 워드프레스 설치형 웹호스팅 서비스 선택
• 설치 직후 관리자 페이지에서 플러그인, 테마 설정 가능
• moransocial.me와 연동 시도

🛠️ 워드프레스 사이트 구축 과정: 김정인의 실전 흐름 정리

1. 워드프레스 시작과 플러그인 설치

• ✅ 기본 워드프레스 설치 완료
• ✅ 관리자 페이지 접속 성공 (한국어 버전)
• ✅ Elementor 플러그인 설치
  • 사이트 시각 편집을 위해 설치
  • Elementor 기반 테마를 위한 사전 준비

2. 테마 탐색 및 Envato Elements 유료 테마 선택

• ✅ Envato Elements에서 테마 탐색
  • 선택 테마: Saara – Minimal Blog WordPress Theme
  • 이 테마는 단품 구매 불가, 오직 Elements 정기 구독 플랜으로만 사용 가능
• ✅ 테마 zip 파일 다운로드 완료

3. 테마 설치 및 활성화

• ✅ 관리자 페이지에서 "외모 > 테마 > 새로 추가 > 테마 업로드" 경로 확인
  • 단, 일부 번역 이슈로 "템플릿-테마 빌더"처럼 표기된 메뉴를 찾아 헤맴
• ✅ 압축 해제된 폴더 말고 원본 zip 파일 그대로 업로드
• ✅ 테마 설치 후 활성화 성공

4. 필수 플러그인 설치 및 세팅

• ✅ 테마에 포함된 필수 플러그인 다수 설치 완료
  • 예: WPBakery Page Builder, Saara Core 등
• ✅ 모두 활성화 완료

5. 페이지 및 메뉴 설정

• ✅ Elementor와 WPBakery를 병행하면서 혼란
  • 현재 테마는 WPBakery 기반이므로 주 편집 도구로 전환
• ✅ 페이지 추가 작업 진행 중
  • 기존에 자동 생성된 Home 페이지 외에는 새로 작성 중
• ✅ 메뉴를 생성하고 페이지 연결
  • 메뉴 위치가 화면에 안 나와 애먹음
  • Appearance > Customize > 메뉴 위치 설정 과정에서 해결
  • 일부 테마에서는 Header Layout, Sidebar 위치까지 별도 설정 필요

6. 사이드바, 위젯, 레이아웃 설정

• ✅ 위젯 메뉴 진입 성공
  • 메인 사이드바에 어떤 콘텐츠를 넣을 수 있는지 탐색
• ✅ ‘Standard | Right Sidebar’ 추천 구조 적용 중
  • 사이드바 위치는 Appearance > Customize > Layout에서 "오른쪽"으로 설정해야 반영됨
  • 관련 메뉴가 테마마다 다르므로 Header, General Settings, Sidebar Layout 등에서 조정함

7. 사이트 구조 설정 확인

• ✅ 사이트 방문 (https://moransocial.me) → 실제 적용 상태 확인
  • Saara 테마의 기본 구조가 잘 반영됨
• ✅ 포스트/페이지 구분에 대해 질문
  • WordPress 구조상 Posts는 블로그 게시물, Pages는 정적인 콘텐츠 (예: About, Contact)

8. 블로그 메인 구성 편집

• ✅ 메인 화면에 블로그 글 목록 + 뉴스레터 폼 + 메뉴를 넣고 싶음
  • WPBakery를 활용하여 시각적 레이아웃 편집 중
  • Elementor는 이 테마에서는 비활성화됨

9. 구독폼 삽입 고민 → 스티비 연동 준비

• ✅ 스티비 구독폼 사용 고려 시작
• ✅ 삽입 방법 두 가지 확인:
  • ① 플러그인 설치
  • ② HTML 임베드 코드 삽입 (WPBakery 또는 위젯에 직접)
• WPBakery에서 삽입하는 방향으로 정함

10. 고민 전환: “너무 어렵다… 다른 플랫폼?”

• 워드프레스 구조의 복잡성과 테마, 플러그인, 편집기의 충돌로 인해 Ghost, 아임웹 등 대안 고려 시작
  • 특히 Ghost는 뉴스레터 중심, 글 중심 블로그에 최적화
  • HTML 삽입이 간단해 스티비나 유튜브 embed 삽입이 쉬움

🧭 현재 상황 요약