안녕하세요, 여행하는 디자이너 트래블러입니다. 오늘은 네이버 블로그 홈페이지형 블로그 만들기 기초편의 마지막 단계, 위젯 배치와 적용 방법을 정리해드립니다. 이제까지 블로그 스킨 사이즈 설정, 공간 위젯과 버튼 위젯 만들기까지 잘 따라오셨다면, 오늘은 그동안 만들어둔 위젯을 블로그에 적용하는 일만 남았습니다. 마무리 단계라 어렵지 않으니 끝까지 함께 해보세요!
✅ 본 포스팅은 유튜브 영상과 함께 구성되어 있으며, 글 아래에서 강의 링크를 확인하실 수 있습니다.
✅이미지 화질은 영상 캡처 기반이라 다소 낮을 수 있는 점 양해 부탁드립니다.
- 등록한 버튼 위젯 배치하기
- 공간 위젯 + 버튼 위젯 조합 이해하기
- 위젯 적용하기
- Epilogue
관련 유튜브 강의
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
(기초1편 바로가기)
(기초2편 바로가기)
(기초3편 바로가기)
1. 등록한 버튼 위젯 배치하기
홈페이지형 블로그 디자인의 핵심은 위젯 배치입니다. 우리가 앞서 등록했던 버튼 위젯을 아래와 같은 순서로 배치하면 됩니다.
- 네이버 블로그 → 꾸미기 설정 → 레이아웃/위젯 설정으로 들어갑니다.
- 편집 영역에서 "버튼 1"을 드래그하여 "글 영역"과 "공간 1" 사이에 넣습니다.
- 같은 방식으로 "버튼 2, 3, 4, 5"도 차례로 배치해줍니다.
2. 공간 위젯 + 버튼 위젯 조합 이해하기
홈페이지형 블로그의 기본 구조는 두 줄짜리 위젯 구성입니다.
공간 위젯 5개 + 버튼 위젯 5개를 글 영역 위에 배치하면 상단에 버튼형 메뉴처럼 보이게 됩니다.
블로그 상단의 배경을 말하며, 이미지로 설정 가능
저는 1920px 이상 해상도의 이미지를 사용하여 다양한 화면 크기에 최적화되도록 설정했습니다.
이미지, 버튼, 텍스트 등을 효과적으로 배열하는 시각적 구성 방식입니다.
이 구성 덕분에 블로그 방문자가 쉽게 콘텐츠를 탐색할 수 있어 체류 시간 증가와 광고 클릭률 상승에도 도움이 됩니다.
3. 위젯 적용하기
위젯의 위치 지정이 끝났다면 마지막 단계입니다.
적용 방법
- 화면 하단의 [적용] 버튼 클릭
- 안내 메시지가 뜨면 [확인] 클릭
- 블로그에 반영되었는지 새로 고침 후 확인
4. 완성된 홈페이지형 블로그 확인하기
이제 제작한 홈페이지형 블로그의 결과물을 확인할 차례입니다.
아래 화면처럼 버튼 배경이 투명하더라도 클릭 가능한 직사각형 영역이 설정되어 있습니다.
(가로 170px, 세로 260px)
하단 영역 컬러 팁
- 하단 패턴 영역은 흰색으로 지정하면 전체적으로 깔끔하고 전문적인 느낌을 줍니다.
- 배너와 잘 어울리는 컬러 조합을 고민해보세요.
Epilogue｜네이버 블로그와 구글블로그에 대한 생각
현재는 네이버 블로그 운영을 잠시 멈췄지만, 네이버 블로그는 처음 블로그를 시작하는 분들에겐 정말 좋은 플랫폼입니다. 다양한 이웃과의 소통도 가능하고, 꾸미기 기능이 다양하죠. 하지만 추후 더 자유로운 디자인과 애드센스를 고려한다면 구글 블로그(Blogger) 도 충분히 고려해볼 만한 플랫폼입니다.
🔗 스킨 적용된 네이버 블로그 [예시 바로가기]
홈페이지형 블로그 만들기 기초편은 여기까지입니다. 다음 편에서는 응용편으로 돌아와서, 다양한 배치와 디자인 아이디어를 소개해드릴게요. 블로그에 개성을 더하고 싶다면, 꾸준히 연습하면서 나만의 스타일을 만들어보세요.
댓글 쓰기