본문 바로가기
웹 개발/블로그

구글블로그 | 기본 테마 종류와 모바일 테마 설정 방법

by KISCH 2024. 10. 11.
반응형

구글블로그에서 기본적으로 제공하는 테마들은 어떤 디자인이 있는지 소개하고, Lighthouse를 통해 간단하게 테마별로 성능테스트를 해보겠습니다. 덧붙여서 모바일 테마 설정 방법에 대해 설명드립니다.

 

 

목차

     

     

    구글블로그 테마

     

    Contempo

    Light, Dark, Pink, Aqua, Flamingo 5종류의 테마가 있습니다. 성능은 다소 떨어집니다.

    contempo

     

    Soho

    Light, Dark, Neon, Pink, Red를 선택할 수 있습니다. 성능은 조금 더 떨어지지만 접근성은 좋은 테마입니다. 

    soho

     

    Emporio

    Porcelain, Toolbox, Apron, Technica, Flamingo 5가지 테마가 있습니다.

    검색엔진에 최적화 되어있어 구글 페이지 스피드 인사이트 분석에 가장 높은 점수를 받았습니다.

    emporio

     

    Notable

    Light, Coral, Dracula, Pink, Antique 5종류가 있습니다. 전반적으로 무난한 수치가 나오는 테마입니다.

    notable

     

    Essential

    Light

     

    Simple

    Bold, Simply Simple, Pale, Dark, Deep, Literate. 검색 엔진 최적화된 테마입니다.

    simple테마

     

    Dynamic Views

    Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot

    다이나믹뷰

     

    Picture Window

    Shade, Open, Screen

    픽쳐윈도우

     

    Awesome Inc.

    Light, Dark, Groovy, Renewable, Artsy, Icy

    어썸테마

     

    Watermark

    Navigator, Birds, Flower, Bubblegum

    워터마크

     

    Ethereal

    Humming Birds Two Tone, Blossoms Single Blue, Leaves Gold Simple

    Ethereal

     

    Travel

    Studio, Flight, Beach, Road 4종류의 테마가 있습니다. 구글 페이지 스피드 테스트에서 Emporio와 함께 좋은 점수를 보여주는 테마입니다.

    travel테마

     

     

     

     

    모바일 테마 설정

     

    설정 방법

    1) 구글블로그 관리자 페이지에 들어가 좌측 메뉴에  테마  를 선택합니다. 

    2)  맞춤설정 버튼 옆에 화살표를 눌러  모바일 설정  메뉴를 클릭합니다.

    3) 라디오 버튼에서 "모바일"을 선택하고  테마 선택  를 눌러 원하는 테마를 선택하세요. 미리보기 - 모바일크기 선택으로 모바일에서 어떻게 보일지 미리 확인 하실 수 있습니다.

    블로거모바일테마

     

     

    모바일 테마 성능 비교

     

    기존에 무료 테마를 다운로드 받아 사용하고 있었는데요. 반응형이라 모바일에서도 크기에 맞게 이미 잘 나옵니다. 그렇다면 굳이 모바일 설정을 바꿀 이유가 있을까 싶어서 성능테스트를 해봤습니다.

     

    블로거테마
    기존 테마 사용

     

    블로거모바일테마
    모바일 설정 테마 사용

     

    성능면에서 월등한 수치를 보여주고 있습니다. 당연히 블로그를 간단히 최소화해서 보여주기 때문에 성능이 훨씬 좋아질 수 밖에 없습니다. 하지만 구글 애드센스가 제대로 작동하지 않아 광고가 안 보이기 때문에 구글 애드센스를 사용 중인 분들은 아쉽게도 기존 테마로 성능을 올리는 방법밖에 없을 듯 합니다.

     

    반응형

    댓글