![[마케팅:backend] 드라마 '쌍세총비' 리뷰 및 감상 포인트 자세히 보기](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uyEgbBvJjDPM9f23_8POHNsY57VClFAPAGXbhytigxKD0DqnGEIAy_Krg-L7hD0_52YE7G3WaATfSxK9w=w72-h72-p-k-no-nu)
[WP02]📌호스팅저, 워드프레스-아스트라(Astra) 테마 설치
📌호스팅저, 워드프레스-아스트라(Astra) 테마 설치 & 디자인 설정 가이드 (초보자용)
🚀 그럼, 지금부터 아스트라 테마를 설치하고, 홈페이지 디자인을 적용해볼까요?
🔹 1. 아스트라(Astra) 테마란? (왜 선택해야 할까?)
✅ 아스트라 테마의 주요 특징
🔹 속도 최적화 – 페이지 로딩 속도가 빠름
🔹
SEO 친화적 – 검색엔진 최적화(SEO)에 유리
🔹
사용자 맞춤 디자인 – 엘리멘터(Elementor) 등의 페이지
빌더와 완벽 호환
🔹 스타터 템플릿 제공 – 미리
디자인된 템플릿을 바로 적용 가능
🔹
쇼핑몰(우커머스)과 연동 – 온라인 스토어 구축도 간편
👉 결론: 초보자도 쉽고 빠르게 전문적인 홈페이지를 만들 수 있는 최고의 무료 테마!
🔹 2. 아스트라(Astra) 테마 설치 방법
✅ 1️⃣ 워드프레스 관리자에 로그인
1️⃣ 호스팅 사이트에서 워드프레스 접속
2️⃣
https://yourdomain.com/wp-admin 입력 후
로그인
3️⃣ 워드프레스 대시보드(관리자 페이지) 접속
✅ 2️⃣ 아스트라(Astra) 테마 설치 & 활성화
1️⃣ 좌측 메뉴에서 모양 → 테마 클릭
2️⃣
"새 테마 추가" 버튼 클릭
3️⃣
검색창에 "Astra" 입력 → 아스트라 테마 찾기
4️⃣
"설치" 버튼 클릭 후 "활성화"
🚀 이제 아스트라 테마가 적용되었습니다!
하지만 기본
디자인이라 조금 허전할 수 있어요.
다음 단계에서 더 멋진 디자인을
입혀볼게요!
🔹 3. 아스트라 스타터 사이트(Starter Templates) 적용
✅ 초보자도 쉽게 고퀄리티 디자인을 적용할 수 있는 기능!
✅ 다양한 무료 & 유료 템플릿이 있어서
원하는 스타일을 선택 가능!
✅ 1️⃣ 스타터 템플릿 플러그인 설치
1️⃣
좌측 메뉴에서 플러그인 → 새 플러그인 추가 클릭
2️⃣ 검색창에 "Starter Templates" 입력
3️⃣
"설치" 버튼 클릭 후 "활성화"
✅ 2️⃣ 원하는 홈페이지 스타일 선택 & 적용
1️⃣ 좌측 메뉴에서 모양 → Astra Options 클릭
2️⃣ "Import Starter Template" 버튼 클릭
3️⃣
사용할 페이지 빌더 선택 (Elementor 추천)
4️⃣
원하는 디자인 템플릿 선택 (비즈니스, 블로그, 포트폴리오 등)
5️⃣ "Complete Site Import" 클릭하여 홈페이지 적용
🚀 이제 기본적인 홈페이지 디자인이 완성되었습니다!
👉 단
몇 분 만에 깔끔한 홈페이지 디자인을 자동 적용할 수 있어요.
🔹 4. 홈페이지 기본 디자인 설정 (로고, 색상, 폰트 변경하기)
✅ 1️⃣ 로고 & 파비콘 설정
1️⃣
좌측 메뉴에서 맞춤 설정 → 사이트 아이덴티티 클릭
2️⃣
"로고 변경" 클릭 → 로고 업로드 (권장 크기: 180x60 픽셀)
3️⃣
"사이트 아이콘(파비콘)" 변경 → 512x512 픽셀 크기의 아이콘
업로드
✅ 2️⃣ 색상 & 폰트 변경
1️⃣
좌측 메뉴에서
맞춤 설정 → 글로벌(Global) → 색상 클릭
2️⃣ 배경 색상, 글씨 색상 변경 가능
3️⃣
맞춤 설정 → 글로벌 → 타이포그래피에서 글꼴 변경
가능
🚀 이제 브랜드에 맞는 컬러 & 폰트 적용 완료!
👉
디자인이 한층 더 전문적으로 보이겠죠?
🔹 5. 홈페이지 기본 메뉴 & 위젯 설정
✅ 1️⃣ 메뉴 설정 (내비게이션 바 만들기)
1️⃣ 좌측 메뉴에서 모양 → 메뉴 클릭
2️⃣
새 메뉴 생성 → "메뉴 이름" 입력 (예: 메인 메뉴)
3️⃣
홈, 블로그, 문의하기 등 원하는 페이지 추가
4️⃣
"메뉴 저장" 클릭 후 적용
👉 이렇게 하면 홈페이지 상단에 깔끔한 메뉴가 생성됩니다!
✅ 2️⃣ 푸터(Footer) 설정 (하단 정보 입력)
1️⃣ 좌측 메뉴에서 맞춤 설정 → 푸터 빌더 클릭
2️⃣ 회사 정보, 연락처, 소셜미디어 링크 추가
3️⃣
저장 후 확인
🚀 이제 홈페이지의 전체적인 틀을 완성했어요!
👉 다음
단계에서는 세부적인 디자인과 SEO 최적화를 적용할 예정입니다.
🔹 6. 최종 점검 & 마무리
✅ 아스트라(Astra) 테마 설치 & 활성화 완료
✅
스타터 템플릿 적용으로 손쉽게 디자인 완성
✅
로고 & 색상 & 폰트 설정으로 브랜드 정체성 강화
✅ 메뉴 & 푸터 설정으로 기본 홈페이지 구조 완성
🚀 이제 기본적인 워드프레스 홈페이지가 완성되었습니다!
하지만 아직 해야 할 일이 남아 있어요!
📌 다음 단계: SEO 최적화 & 검색 노출 설정
다음 글에서는 "구글 서치 콘솔(Google Search Console) 연결 & SEO 최적화" 방법을 알려드릴게요.
✅ 구글 서치 콘솔에 사이트 등록 → 검색엔진 노출
✅
Yoast SEO / Rank Math 설정 → 메타태그 & 사이트맵 최적화
✅
모바일 최적화 → 속도 개선 & 반응형 디자인 설정
👉 홈페이지를 만들었으니, 이제 구글에서 검색될 수 있도록 최적화해야겠죠?
📢
이 글이 도움이 되셨다면 댓글 & 공유 부탁드립니다!
😊
📢 질문이 있다면 언제든지 남겨주세요! 🚀
📢 다음 글에서 더 유익한 정보로 찾아뵙겠습니다!
🎉처음으로
