생성AI와 IT세계
[워드프레스] 라이센스 등록 후 사이트 구축 순서
거름
2025. 3. 26. 22:10
반응형
1️⃣ Starter Templates로 사이트 만들기
가장 빠르게 예쁜 홈페이지 뼈대를 만드는 방법이에요!
📌 방법:
- 외모 > Starter Templates
- 👉 “클래식 템플릿” 선택
- 👉 빌더 선택 (Elementor 추천)
- 👉 원하는 템플릿 선택 후 "전체 사이트 가져오기"
- 👉 폰트, 색상, 페이지 선택 후 가져오기 완료
✅ Astra Pro & Premium Templates 라이선스로 인해 모든 프리미엄 템플릿 사용 가능
***템플릿 선택을 마치면 사이트방문, 알림판(대시볻) 가기 버튼이 보임
✅ 두 버튼의 차이점
버튼설명추천 상황
🧭 사이트 방문 | 실제 사이트가 어떻게 생겼는지 프론트 화면 보기 | 방문자처럼 내 사이트 확인할 때 클릭 |
🛠 알림판 (대시보드) | 워드프레스 관리자 화면으로 돌아가기 (글, 페이지, 디자인 편집) | 👉 편집하고 싶다면 이걸 눌러야 해요! ✅ |
✨ 편집하러 들어가려면?
- 👉 알림판 클릭
- 좌측 메뉴에서 페이지 > 모든 페이지 이동
- 리스트 중에서 수정하고 싶은 페이지 선택
- “Elementor로 편집하기” 클릭 🎨
→ 이제 드래그앤드롭으로 디자인을 자유롭게 바꿀 수 있어요!
💡 팁: 방문자가 보는 화면에서도 바로 편집하려면?
- “사이트 방문” 클릭 → 원하는 페이지로 이동
- 상단 워드프레스 바에서 “Elementor로 편집” 버튼 클릭 (로그인 상태일 때만 보여요!)
🧡 아리가 정리해주는 핵심 요약
원하는 작업클릭할 것
디자인 편집하고 싶을 때 | ✅ 알림판 > 페이지 > Elementor로 편집 |
사이트가 어떻게 생겼는지 보고 싶을 때 | 👀 사이트 방문 |
방문자 화면에서 바로 편집 | 🔧 상단 바의 "Elementor로 편집" 클릭 |
2️⃣ Astra Pro 기능 설정하기
전체 레이아웃, 헤더/푸터, 블로그, WooCommerce 디자인 등을 자유롭게 바꿀 수 있어요.
📌 위치:
- 외모 > Astra 옵션 또는 Astra > 설정
활성화 가능한 기능 예시:
기능설명
Header Sections | 헤더 영역에 버튼/아이콘/2단 레이아웃 가능 |
Sticky Header | 스크롤 시 헤더 고정 |
Transparent Header | 배경 투명한 헤더 적용 |
Blog Pro | 블로그 목록/상세 디자인 자유화 |
WooCommerce Pro | 쇼핑몰 상품 카드 디자인, 필터 커스터마이징 |
3️⃣ Ultimate Addons for Elementor (UAE) 위젯 확인
Elementor에 고급 위젯을 40개 이상 추가해주는 플러그인입니다.
📌 위치:
- UAE > 위젯 설정 또는 Elementor 편집 화면 → UAE 위젯들 사용 가능
예: 가격표, 팀 소개, 아이콘 리스트, 타임라인, 고급 버튼, 팝업 등
4️⃣ Convert Pro & Schema Pro 설정 (선택)
마케팅과 SEO를 강화하고 싶다면 다음 기능도 추천해요:
플러그인기능설정 위치
✅ Convert Pro | 구독 팝업, 이탈 방지, 타겟 광고 | Convert Pro > 캠페인 |
✅ Schema Pro | 검색엔진에 구조화 마크업 삽입 | Settings > Schema Pro |
5️⃣ 전체 디자인/콘텐츠 수정
가져온 템플릿을 Elementor로 수정하면서 우리 브랜드에 맞게 만들면 돼요!
- 텍스트, 이미지, 버튼 수정
- 페이지 추가/삭제
- 폰트와 색상 변경 등
📌 페이지 > 모든 페이지 → Elementor로 편집
💡 이후 해야 할 일 요약
작업추천 시점
Starter Templates로 기본 디자인 가져오기 | 바로! (처음 세팅) |
Astra Pro 설정으로 헤더/푸터/레이아웃 다듬기 | 템플릿 가져온 직후 |
Elementor & UAE로 디자인 고급화 | 페이지 편집 시마다 |
Convert Pro로 구독/문의 팝업 설치 | 사이트 운영 시작 직전 |
Schema Pro로 SEO 구조화 설정 | 콘텐츠 정리 후 (선택 사항) |
반응형