10월 06, 2022

blogger 테마 수정 팁 | 대시보드 언어 바꾸기와 Group 만들기

테마 대시보드 언어 변경

블로그 테마 (theme)를 효과적으로 꾸미기 위해서는 언어 변경이 필수적이다. 사용자 국적 언어로 표기되는 블로그 대시보드(dashboard, 관리자 화면)가 영어로 구성되는 html 코드와 달라 불편이 초래되기 때문이다. 아래 주소로 블로그에 접근하면 블로그 대시보드의 언어가 일시적으로 1회에 국한되어 영어로 변경된 자신의 블로그 사이트가 로딩된다. 다시 통상적인 방법으로 접근하면 사용자의 국적에 따른 언어로 변경되어 매우 편리하다.

https://www.blogger.com/?hl=en

대시보드 설정 만들기

자주 변경이 필요한 블로그의 글자 크기, 색상 등을 그룹으로 지정하면 테마 대시보드에 등록이 되어 일일이 html을 수정하지 않아도 간편하게 변경할 수 있다.

테마 대시보드 확인

  1. 영어로 사이트 접속
  2. Main menu
  3. Theme
  4. CUSTOMIZE
  5. Advanced
  6. Groups 확인
테마 HTML에 맨 위에 등록된 그룹(Body)이 보인다. 우측의 '아래 화살표'를 누르면 등록된 그룹을 모두 볼 수 있다.

그룹 만들기

  1. 영어로 사이트 접속
  2. Main menu
  3. Theme
  4. Down arrow
  5. Edit HTML
‘Ctrl+F’ 키로 “<Group description="Body">” 찾은 다음, 바로 앞에 아래의 소스를 붙여넣기 한다.
<Group description="Test">
<Variable name="post.title.font.nanum" description="Title font (nanum)" type="font" default="$(naum gothic)" value="normal 500 36px Nanum Gothic, sans-serif"/>
<Group description="Body">

그룹 생성 확인

  1. Main menu
  2. Theme
  3. CUSTOMIZE
  4. Advanced
  5. Groups 확인
테마 HTML에서 추가한 그룹(Test)이 보인다. 우측의 ‘아래 화살표’를 누르면 등록된 그룹을 모두 볼 수 있다. 글자의 크기를 입력하고 저장하면 HTML에 적용이 된다.

CSS 수정

앞서 추가한 ‘그룹’의 코드“$(post.title.font.nanum)”를 아래처럼 해당 CSS에 적용시키면 된다.
.post-title{
font:$(post.title.font.nanum);
margin:0 20px 20px 20px;
text-transform:uppercase
}