소이정 - 소이정 스토리
본문바로가기
SOIJEONG STORY





시리즈 알려드려요, 깨알정보

홈페이지형 블로그 만들기 2탄

안녕하세요. 소이정입니다.

오늘은 지난 포스팅에 이어 홈페이지형 블로그 만들기 제2탄을 들고 왔습니다.
저번에 말씀드렸다시피 홈페이지형 블로그를 제작하려면
첫째, 레이아웃 변경
둘째, 스킨 변경을 해야 합니다.

첫째는 1탄에 나와있으니 궁금하신 분은 목록에서 홈페이지형 블로그 만들기 글을 확인하세욧!

하여, 오늘은 바로 홈페이지형 블로그 스킨 변경을 할 겁니다.
그럼 바로 시작!


저번에 멈춘 곳부터 시작해 봅시다.

스킨이 적용되지 않은 블로그 형태입니다. 여기에 스킨을 만들어 적용해 봅시다!

가장 먼저 알아야 할 것은 홈페이지형 블로그 스킨의 사이즈입니다.

타이틀 : 가로 966px, 세로 50~300px
스킨 : 가로 1920px, 세로 마음대로

마음대로라는 뜻은 스킨은 말 그대로 화면 자체를 이야기하기 때문에 길이 제한이 없어요.
타이틀처럼 상단에만 적용되는 것이 아니라 전체적으로 적용이 가능합니다. 그래서 여러분 원하는 대로 제작하시면 됩니다!


짠. 예시를 만들어보았습니다. 포토샵에서 위에 제시한 가로, 세로를 지켜서 취향에 맞게 꾸며보세요.
저는 예시를 쉽게 보여드리게 위해 텍스트를 넣은 이미지를 가져왔어요.


이제 적용을 해야 하는데요. 내 메뉴를 누르면 다른 기능 주르륵 나온답니다. 그중에서 세부 디자인 설정을 클릭합니다.


어라라.. 전 글을 쓴 적이 없는데 왜 아래 화면이 나오나,,, 싶으시죠?
리모콘 기능이 무엇인지 설명을 해주는 안내예요. 리모콘 기능을 다 사용하고 창을 닫으면 사라지니 당황하지 않고 오른쪽 상단에 있는 리모콘에 집중해 주시면 된답니다!


리모콘 기능을 확대해서 살펴볼까요? 스킨 배경부터 위젯까지 수정 가능한데요.
저희는 준비한 스킨 배경으로 수정할 예정이니 스킨 배경을 클릭 후 직접 등록까지 클릭합니다.

파일 등록을 통해 미리 만들어둔 스킨을 등록해 볼게요!


이렇게 바뀌네요.


그렇다면 패턴 영역은 뭘까요?

이렇게 패턴 형태로 블로그 전체를 꾸미는 겁니다. 하지만 저희는 타이틀처럼 사용할 거니까 패스할게요.
이런 기능도 있군! 정도로 알아주시면 좋을 것 같아요.


추가로 스킨을 바꾸고는 싶은데,, 이미지는 못 찾으시는 분들도 계시죠? 그런 분들을 위해 무료 이미지로 스킨을 등록할 수 있는 기능도 있으니 참고하시면 되겠습니다!

파일 등록 대신
1. 직접등록무료 -> 2. 무료이미지 클릭하기 -> 3. 단어 검색 후 마음에 드는 사진 고르기
-> 4. 적용하기 -> 끝!
아주 작은 팁이라면 팁인데요, 한글 단어로 입력하는 거보다 영어 단어로 검색했을 때 검색 결과가 조금 더 잘 나온답니다^0^


그럼 다시 돌아가서, 아까 타이틀도 미리 예시를 만들었죠!
마찬가지로 세부 디자인 설정을 클릭한 후 리모콘기능으로 갑니다. 이후 타이틀 -> 파일 등록을 통해 준비한 이미지를 등록해 줍니다.

적용 모습입니다! 차이점이 보이시나요?

타이틀은 상단 영역에만 적용이 되어요. 그에 반해 스킨은 프롤로그 | 블로그 | 지도 | 서재 | 안부가 있는 부분까지도 커버가 가능하죠.
둘 다 적용해도 되니 취향에 맞게 꾸며보세요. 이제 상단 영역을 꾸몄으니, 게시물 영역을 정리해 봅시다.
혹시 블로그에 처음 들어가면 왜 홈페이지처럼 홈 화면이 아니라 게시글이 보이는 거지? 하시는 분. 푸쳐핸섭!!!

그것은 대표 메뉴 설정으로 바꿀 수 있답니다.
리에 들어간 후 1. 메뉴, 글, 동영상 관리에 들어가면
2. 상단 메뉴를 설정할 수 있는데요.
여기서 대표 메뉴를
3. 프롤로그로 설정해 주시면 됩니다. 아주 간단하죠?


다시 1. 메뉴, 글, 동영상 관리에서 2.프롤로그 영역에서 3.이미지 강조를 선택해 주시면 첫 화면에서 프롤로그가 뜰 테고, 그게 이미지로 보이게 됩니다.


바로 이렇게 말이죠~!

예시 블로그라 하나밖에 게시글이 없지만 ㅠㅠ 저런 식으로 그림으로 게시글이 뜰 거란 것! 참고해 주세요:)

만약 게시글이 있는 데도 그림으로 보이지 않는다면
게시물 수정하기를 하셔서
대표 사진이 잘 설정되어 있나 확인해 보세요!

지금까지 홈페이지형 블로그 만들기 스킨 편이었습니다.
홈페이지형 블로그 스킨 어렵지 않죠?

다음에는 더욱더 꿀팁으로 돌아오겠습니다.
감사합니다.