구글 블로그 스킨 꾸미기 방법

앞서 구글 블로그 만드는 방법을 소개했지요. 이번엔 구글 블로그 스킨 꾸미는 방법에 대하여 소개합니다.


구글 블로그 만드는 방법 :: 링크 클릭


블로그 디자인을 흔히 스킨(Skin)이라 말하는데 과거 블로그스팟(Blogspot) 시절엔 템플릿(Template)이라고 지칭했고, 현재 구글 블로거(Google Blogger)에서는 테마(Thema)라고 지칭합니다.


먼저 개념을 명확히 숙지해야 할 것은 블로그에 보여지는 이미지와 색상 등의 디자인적 요소는 관리자 페이지 [테마] 메뉴에서 수정할 수 있고, 블로그 메뉴의 구성과 위젯 배치 및 CSS 태그 맞춤설정 등은 관리자 페이지 [레이아웃] 메뉴에서 수정할 수 있습니다.


처음엔 어렵더라도 테마와 레이아웃에 대하여 개념만 명확하게 잡힌다면 구글 블로거 스킨 꾸미기가 점점 수월해질 것입니다.


먼저 테마 설정과 수정 방법에 대하여 설명하겠습니다.


2017년 현재 구글 블로거에서는 Contempo, Soho, Emporio, 주목할 만한 항목, 깔끔, 동적 뷰 이렇게 6가지의 테마를 색상별로 기본 제공하고 있습니다.

Contempo, Soho, Emporio 이 3가지 테마는 과거 블로그스팟 시절엔 없던 테마로 모바일에서도 PC화면과 유사하게 볼 수 있는 반응형(Responsive) 테마입니다. 요즘은 블로그 사용자들이 깔끔한 반응형 테마를 선호하기 때문에 추가된 것으로 짐작합니다.





이처럼 구글에서 기본으로 제공하는 테마를 사용할 수도 있지만, 보다 미려하면서 자신만의 개성 강한 테마를 원한다면 직접 템플릿을 업로드하여 수정할 수 있습니다.


초보자 입장에선 템플릿 제작이 어렵기 때문에 이미 만들어져 시중에 배포되는 템플릿을 선택 후 테마로 업로드하는 방법에 대하여 예제를 보여드리겠습니다.


먼저 구글에서 블로거 템플릿을 검색하면 여러 종류의 템플릿을 소개하는 사이트가 많이 있습니다. 저는 예시로 아래 2가지 사이트를 소개합니다.


https://gooyaabitemplates.com

https://newbloggerthemes.com


위 두 사이트에만 접속해도 상당히 다양한 테마를 접할 수 있는데 주의할 점은 무료로 제공되는 테마(Free Blogger Templates)도 있는 반면 상당수는 유료로 제공되는 테마(Premium Themes)도 있습니다.


대부분 무료 테마를 선호하지만, 사용자 입장에서 보다 뛰어난 디자인 적용을 위해 유료 테마를 구입하는 경우도 많으니 최종 선택은 사용자 본인의 몫입니다.


각 테마 별로 제공되는 Live Demo Preview를 먼저 보고 디자인뿐만 아니라 메뉴 구성과 속도 등을 비교한 다음 해당 테마가 유료인지 무료인지 점검 후 가장 마음에 드는 테마를 선택하면 될 것입니다.

저는 게시물에 테마 적용 방법을 소개하기 위해서 https://gooyaabitemplates.com/seo-boost-blogger-template에서 무료로 제공하는 반응형 테마인 "Seo Boost Blogger Template"을 다운로드 받았습니다.

다운로드 받은 테마는 zip파일입니다. 압축을 풀면 폴더가 생성되는데 그 안에 다른 파일은 필요없고 확장자명이 xml인 파일 하나만 업로드하면 됩니다.

다운로드 받은 테마로 블로그 디자인을 변경하려면 구글 블로거 관리자 페이지에서 좌측 메뉴 중 [테마]를 클릭한 다음 상단 [백업/복원] 버튼을 클릭하세요.

테마 > 백업/복원 페이지에서 아래 [파일 선택]을 클릭 후 아까 압축을 푼 폴더에서 확장자명이 xml인 파일을 하나 선택합니다. 참고로 제가 다운로드 받은 테마의 파일명은 Seo Boost.xml입니다.

파일이 선택되면 [업로드] 버튼을 클릭하세요. 수초 내 업로드가 완료되면 사용 중인 디자인이 새로운 테마로 변경된 것을 확인할 수 있습니다.

제 경우 반응형 테마로 변경했기 때문에 모바일 아래 표시되는 톱니바퀴 설정 아이콘을 클릭하여 [아니요. 휴대기기에 테스크톱 테마를 표시합니다.]를 선택 후 저장해주었습니다.

이제 [블로그 보기]를 클릭하여 업로드 한 템플릿의 디자인이 테마로 잘 적용되었는지 확인하세요.

블로거에서 새 블로그를 생성 후 기본 테마인 Soho를 적용했을 때와 새로운 반응형 테마를 적용한 것을 비교하면 외관상 보이는 메뉴의 차이가 큽니다.

상단 메뉴바와 우측 사이드바의 카테고리 설정으로 직관적인 메뉴 진입이 가능하도록 배치하였고, 하단 위젯까지 꼼꼼하게 설정하여 본문을 다 읽고도 추가로 많은 볼거리를 제공할 수 있습니다.

글이 좀 길었는데 잘 따라오셨겠죠? 위 안내대로 진행해보면 막상 크게 어려울 것은 없습니다. 다음엔 본 테마의 레이아웃을 수정하는 방법에 대하여 소개하겠습니다. 이 정보가 도움이 되셨길 바랍니다. ^^