구글 블로그 스팟 내가 Notable 테마를 선택한 이유

 지금 쓰고 있는 테마는 블로거의 기본테마중 Notable 테마이다.  물론 조금 수정을 했지만 말이다.  사용해보면 아는 내용이긴 하지만 구글 블로그를 처음 접하는 분들을 위해 Notable 태마에 대해 이야기 해보겠다.


1. 구글블로그의 기본테마

  1.1. 기본테마의 종류

    구글블로그 테마는, Contempo, Soho, Emporio, Notable, Essential, Simple, Dynamic Views, Picture Window, Awesome Inc, Watermark, Ethereal, Travel 까지 12가지의 테마를 제공하고 있다. 또한, 각테마마다 칼라테이블을 다르게 해서 파생되는 몇개의 테마를 지원한다.

하지만 실제로 테마를 적용해 보면 그냥 한 그룹으로 묶어도, 이질감이 없을정도로 테마간에 레이아웃이 거의 같은 테마들이 대부분이다.


예를들어 contempo 테마와 Essential 테마의 섬네일을 비교해보면 아래와 같다. 

Contempo 테마와 Essential 테마 섬네일

섬네일 이미지만 보면 Essential 테마는 사이드바가 없는것으로 보이는데, 실제로 적용해보면 이야기는 달라진다. 아래 이미지는 실제로 적용한 두 테마이다.


실제 적용된 두테마

보면 똑같이 사이드바가 있고 다른부분은 배경인데 이마져도 Essential 테마에서 배경을 넣으면 똑같아진다. 다른점은 프로필사진의 세로 위치와 블로그 제목의 세로 정렬만 다를 뿐이다.

특별히 의미 있는 차이점이 없다. 특히 조금 수정해서 쓸 생각이라면 여백이나 정렬 정도는 비교적 쉽게 할 수 있는 작업이다.

 또한 Simple, Picture Window, Awesome Inc, Watermark, Ethereal, Travel 까지 6개의 테마도 레이아웃이거의 비슷한 페밀리 테마라고 볼 수 있다.

이렇게 같은 형식의 테마를 묶어보면, 실질적으론 6가지 유형의 테마가 있다고 보면 된다.


  1.2 기본테마의 크기

    기본테마를 적용해보면 가로폭이 상당히 크다는걸 느낄 수가 있다 그냥 PC에서만 본다면 큰 문제가 아닐 수 있지만, 화면이 작은 노트북 이라던지, PC에서 보더라도 창모드로 본다면 사이드바가 있다는게 의미가 없어진다. 

그래서 처음 접하는 분들은 테마를 적용해보고 좀 당혹스러울 수 도 있는데, 티스토리와는 달리 블로그의 가로폭을 지정해 줄 수 있고, 글씨 크기도 조절이 가능하기 때문에 걱정할 필요는 없다.

구글블로그의 크기조절


2. Notable 테마를 선택한 이유(특징)

  2.1 속도

   기본테마가 아무래도 속도는 빠른것같다. 기능이 많아지면 느려지는건 당연한것이고, 기본테마 중에서는 Contempo와 같은계열인 Essential 테마가 가장 빠른데, Notable 테마도 무난한 속도를 보여준다.

PageSpeed Insights 속도테스트 결과

위의 표는 PageSpeed insights로 속도테스트를 한 결과인데 포스팅을 한 게시글 보기 화면에서의 테스트다. 보통 모바일쪽이 느리게 나오는데, 빠를땐 80점대의 속도도 나오고 대부분 60~70점대를 유지한다. 데스크탑 쪽은 100점이 나올때도 있다.

물론 광고가 올라가면 속도는 많이 떨어질 것이다.


  2.2. 본문과 붙어있는 사이드바

    속도가 빠른 Contempo 계열 테마를 포기한 결정적인 이유다. Contempo 테마는 사이드바가 항상 화면의 왼쪽에 붙어있는데 사이드바를 제외한 중앙정렬을 하기때문에 반응형 테마라 화면크기를 조금만 줄여도 사이드바가 사라져 버렸다. 

도저히 코드를 수정해서 본문옆으로 옮길 능력이 안됐다. 때문에 본문옆에 사이드바가 붙어있는 Notable을 골랐다.

사이드바는 공고를 싣기 좋기때문에 수익형을 생각하면서 사이드바 있는 테마나 스킨(티스토리)를 좋아하게 되었다.


  2.3. 메인페이지 에서의 글 목록 형식

    개인적으론 한쪽에 썸네일 이미지와 두세줄 정도의 내용이 조금 보이는 형식의 리스트를 좋아한다. 아쉬운 부분은 반응형으로 태블릿이나 모바일 사이즈로 크기가 줄어들면, 섬네일 이미지가 가로폭을 꽉 채우며, 설명이 이미지 아래에 들어가는 형식으로 바뀐다는건데, 추후 천천히 수정할 생각으로 적당히 타협했다.


  2.4. 심플한 화면구성

    군더더기가 없고 심플해서 글 내용에 좀더 집중할 수 있는 레이아웃인거 같아서 선택을 했다.


3. 마치며

만약 구글 블로그의 기본테마를 사용하기로 마음먹었다면 꼭 테마를 적용해서 보기 바란다. 섬네일 이미지에서 안보였던 사이드바가 튀어나온다거나 생각보다 어정쩡한 레이아웃을 만나게 될지도 모른다. 

그리고 필연적으로, 수정을 하게 될것이다. 이정도 레이아웃이면, 조금 수정해서 쓸 수 있겠다 싶은 테마로 고르길 바란다.



5 댓글

  1. 애드센스를 넣으면 속도가 많이 줄긴 합니다.

    광고 없을 때 90점대이던 블로그도 광고를 다니 50점대러 떨어지더라구요. 광고하는 사람들 입장에선 사이트 속도는 관심 밖인가 봅니다.

    답글삭제
    답글
    1. 구글이 광고시스템 만들고 구글이 느리다고 평가하는게 좀 아이러니 하긴 해요 ㅎ

      삭제
  2. Contempo 사이드바ㅋㅋㅋ 일반적인 위치와 동작은 좀 아니긴 하죠ㅎ

    Notable도 깔끔하고 좋네요^^/

    답글삭제
    답글
    1. 아.... 댓글이 수정이 안되서 다시쓰네요 ㅎㅎ 암튼 블로그 하면서 이렇게 공부 많이한건 처음이에요 디자인이 어정쩡 하다보니 블로거들을 공부시크는 블로그 인것 같아요 아직 좀더 다듬어야겠지만, 이거 수정한다고 진이 다 빠져서, 일단은 이정도로 만족하려고 합니다. ㅎㅎ 수아님 덕을 많아 봣어요

      삭제
    2. 아무튼 도움이 되었다니 다행이네요^^ 구글 블로그는 좀 어렵지만 자유도 높은 게 장점인 것 같아요. 다음에 하나 더 만들 때는 유료 사설 템플릿도 사용해 볼려고요. 즐거운 주말 보내세요~

      삭제
다음 이전