네이버 홈페이지형 블로그 기초편 03.메뉴버튼 위치와 블로그 레이아웃 구성

저번 포스트에서는 홈페이지형 네이버 블로그를 만들기 위한 스킨 이미지와 버튼을 만들어 준비를 했었습니다. 만들어 놓은 버튼을 디자인 작업한 스킨에 미리 만들어 놓은 스킨을 블로그에 적용을 하기 위해서는 네이버 블로그 설정에서 레이아웃을 지정해야 합니다.

어떤 형태로 적용해야 하는 자세히 알아보도록 하겠습니다. 홈페이지형 블로그 만들기는 총 7편으로 포스팅 예정이며 하단 유튜브 강의 영상도 같이 첨부하겠습니다. 유튜브에 "여행하는 디자이너 트래블러"를 검색하면 영상을 쉽게 찾아볼 수 있습니다. 참고 부탁드립니다.

홈페이지형블로그 기초3편 목차

1. Appendix
2. 블로그 레이아웃/위젯설정
3. 수평정렬 레이아웃 확인하기 4. 스킨 적용하기 I
5. 스킨 적용하기 II
6. 스킨 적용하기 III

네이버 블로그 홈페이지형 블로그 만들기의 콘텐츠는 블로그보다 유튜브 영상으로 만들어 놓았기 때문에 캡처 화면을 사용하였습니다. 다소 화질이 좋지 못한 점 양해 부탁드립니다.

유튜브 강의

홈페이지형 네이버 블로그 만들기

01 / 02 / 03편

Appendix
포토샵으로 메뉴 버튼 미리 넣어보기

본격적으로 홈페이지형 블로그를 만들기 위해서 블로그에 스킨을 적용하기 전에 메뉴 버튼을 미리 넣어봤습니다. 저번 시간에 버튼을 따로 제작을 해놓았기 때문에 블로그의 배경이 되는 상단 스킨의 이미지와 버튼이 잘 어울리는지 위치나 색상을 보기 위해서입니다. 확인하는 방법은 아래와 같습니다. 

방법 1) 포토샵 상단 메뉴바에서 File-Place를 클릭합니다.

방법 2) 만들어 놓은 버튼을 선택하여 이미지 불러옵니다.

방법 3) 불러온 버튼 이미지를 적당한 위치에 옮기고 Enter를 눌러주면 됩니다.

위 방법1, 2, 3으로 다른 버튼들도 불러와서 스킨 이미지에 얹혀보고 위치나 색상 등을 수정해야 하는 확인 합니다. 

이렇게 버튼 5개를 넣어보고 특별히 문제가 없다면 이제 블로그에 적용해보겠습니다. 위 작업은 버튼을 따로 제작하였기 때문에 스킨에 미리 적용을 해보는 작업으로 따로 저장할 필요는 없습니다. 수정할 것이 없나 확인해보는 작업으로 보시면 될 것 같습니다.

1. 블로그 레이아웃/위젯설정

홈페이지형 네이버 블로그를 만들기 위해서는 레이아웃/위젯 설정에 있는 블로그의 레이아웃 설정이 중요합니다. 아래와 같이 진행해 주시면 됩니다.

방법 1) 네이버 로그인 후 블로그로 이동합니다.

방법 2) 블로그로 이동- 프로필 영역- 관리 버튼을 클릭합니다.

방법 3) 꾸미기 설정-디자인 설정-레이아웃/위젯 설정 메뉴를 클릭합니다.

위 방법으로 들어가면 아래와 같은 화면이 나옵니다. 네이버는 총 12개의 레이아웃을 선택하여 사용할 수 있습니다. 레이아웃에 따라 디자인도 달라집니다. 이 레이아웃 중에 가장 많이 사용되는 형태는 좌측 배너, 우측 배너 행태 또는 수평 정렬 형태가 가장 많이 쓰이고 있지만 홈페이지형 블로그를 만들기 위해서는 위젯을 비교적 자유롭게 배치할 수 있는 수평정렬 형태를 사용합니다.

방법 4) 12개의 레이아웃 중 11번째 레이아웃인 수평 정렬 형태의 레이아웃을 선택합니다.

방법 5) 선택 후 레이아웃 변경에 대한 안내 메시지가 나타나면 확인을 눌러줍니다.

방법 6) 하단에 있는 적용을 누르면 레이아웃이 적용됩니다. 

2. 수평정렬 레이아웃 확인하기 

12개의 레이아웃 중 11번째 레이아웃인 수평정렬 형태의 레이아웃이 블로그에 잘 적용이 되었는지 확인합니다. 수평정렬 레이아웃을 적용한 후 보이는 블로그의 형태는 아래 화면과 같습니다. 수평 정렬로 적용이 잘 되었다면 이제 만들어 놓은 스킨을 적용해보도록 하겠습니다.

3. 스킨 적용하기 I

레이아웃을 저장한 후 내 블로그 메인으로 이동합니다. 이제 리모컨 기능으로 블로그 스킨을 적용해보도록 하겠습니다. 방법은 아래와 같습니다.

방법 1) 프로필 영역에 있는 관리-세부 디자인 설정을 클릭합니다. 

※리모컨은 블로그의 구성요소들을 직접 꾸밀 수 있는 기능입니다. 직접 제작한 이미지를 등록하거나 각 요소별 색상 및 디자인 변경이 가능합니다. 블로그 상단 내 메뉴에서 쉽게 바로 열 수도 있습니다. (내 메뉴-리모컨)

4. 스킨 적용하기 II

방법 1) 리모컨 메뉴 중에 스킨 배경-디자인-직접 등록 탭을 클릭합니다.

방법 2) 상단 영역-파일 등록 버튼을 눌러줍니다.

방법 3) 만들어 놓은 스킨 이미지를 선택하여 업로드합니다.

※유튜브 영상과 아래 화면에는 없지만 설정해야 할 것이 하나 더 있습니다. 추후 질문 영상에는 추가된 내용이지만 블로그를 보고 적용하시는 분들은 설정을 하나 더 해주세요. [하단 영역(패턴)- 컬러 흰색으로 설정해주시면 됩니다.

5. 스킨 적용하기 III

방법 1) 스킨 업로드 후 리모컨 하단에 있는 적용을 눌러줍니다.

방법 2) 세부 디자인 적용 메시지가 나오면 적용 버튼을 클릭합니다.

이렇게 해서 만들어 놓은 스킨 이미지 업로드까지 했습니다. 이제 위젯으로 사용 설정으로 좀 더 깔끔하게 정리한 후 버튼도 적용할 예정입니다. 네이버 블로그 홈페이지형을 만들기 위해서는 기초 편이 가장 기본적으로 필요한 부분이기 때문에 이렇게 기초 부분만 알아두고 전체적으로 한 번만 만들어보면  앞으로 좀 더 다양한 홈페이지형 블로그를 만들 수 있습니다. 그럼 다음 포스트에서 위젯 정리부터 버튼 등록하는 방법까지 이어서 작성해 보록 하겠습니다.