색상 및 배경 변경

HTML 편집하지 않고 쉽게 색상 및 배경을 변경하는 방법 안내
1 min read

최신 업데이트에서는 템플릿 색상을 변경하는 데 문제가 없을 겁니다. Blogger 테마 디자이너에서 모든 색상을 수정할 수 있습니다.

이 기능은 업데이트를 통해 지속적으로 개선될 것이며, 다음 업데이트에서 더 많은 색상과 배경을 커스텀할 수 있도록 노력하겠습니다.

표준 템플릿

템플릿의 색상과 배경을 변경하려면 Blooger 테마 디자이너로 바로 이동하세요.

  1. Blogger 대시보드에서 테마 > 맞춤설정 클릭합니다.
    Blogger 테마 맞춤설정
  2. 왼쪽에 백그라운드, 고급, 가젯의 3가지 메뉴가 있는 새 페이지로 이동합니다.
  3. 아래와 같이 고급을 선택합니다.
    고급
  4. 이제 이 메뉴에서 색상을 변경하고 블로그에서 결과를 확인하십시오.

변경 사항은 미리보기에 즉시 나타나지 않습니다. 미리보기를 보려면 저장하고 새로고침해야 합니다.

모든 색상은 레이아웃 템플렛에 부분별로 그룹화되어 있습니다. 다른 색상을 변경하려면 'Theme Color' 드롭 다운 메뉴를 클릭하면 주소표시줄, 헤더, 푸터 등 변경할 수 있는 여러 색상 그룹을 찾을 수 있습니다.

드롭 다운 메뉴

AMP 버전

위 방법은 AMP가 아닌 템플릿에만 적용할 수 있습니다. AMP 사용자의 경우 색상을 변경하는 유일한 방법은 HTML 편집기를 통하는 것입니다.

  • Blogger 대시보드에서 테마를 클릭합니다.
  • 맞춤 설정 버튼의 아이콘을 클릭합니다.
  • HTML 편집을 선택하면 편집 페이지로 이동합니다.
  • 아래와 유사한 CSS 코드를 찾습니다.
    /* Variable color */
    :root{
    --headC: #08102b ;
    --bodyC: #08102b ;
    --bodyCa: #767676 ;
    --bodyB: #fffdfc ;
    --linkC: #0b57cf ;
    --linkB: #0b57cf ;
    
    ...
    
    ...
    
    }

일부 테마는 색상 코드의 순서가 다를 수 있으며 작성된 코드는 위의 코드와 거의 유사합니다.

You may like these posts

  • 최신 업데이트에서는 템플릿 색상을 변경하는 데 문제가 없을 겁니다. Blogger 테마 디자이너에서 모든 색상을 수정할 수 있습니다. 이 기능은 업데이트를 통해 지속적으로 개선될 것이며, 다음 업데이트에서 더 많은 색상과 배경을 커스텀할 수 있도록 노력하겠습니다. 표준 템플릿 템…
  • 표시되는 게시물 수가 일치하지 않음 경우에 따라 홈페이지에 표시되는 게시물 수가 Blogger 설정에 지정된 수보다 적을 때가 있습니다. 먼저 이것이 테마의 버그/오류와 관련이 없음을 확인했습니다. 다른 Blogger 테마에서도 동일한 문제를 찾을 수 있었기 때문입니다. 조사한 결과 이 …
  • 모바일 설정 Blogger에서 기본 모바일 설정을 끄는 것이 좋습니다. 모든 특정 화면 크기에 맞출 수 있는 테마를 설계했으므로 Blogger의 기본 모바일 설정이 더 이상 필요하지 않습니다. Blogger 대시보드에서 테마를 클릭합니다. 맞춤 설정 버튼 옆 아래쪽 화살표…
  • 분할 게시물와 마찬가지로 게시물에 복사 붙여 넣기만 하면 됩니다. 기본적으로 3개의 탭을 사용할 수 있고, 최대 5개의 탭을 추가할 수 있습니다. 다음은 탭 게시물의 기본 코드입니다. <!--[ Active function ]--> <input class='tbIn hid…
  • 이 기능을 사용하는 것은 매우 쉽습니다. 복사 / 붙여넣기만 하면 됩니다. 분할 게시물의 기본 HTML 코드는 다음과 같습니다. <div id='postSplit'> First page here... <!--nextpage--> Second page here... &…
  • Blogger에서 새 페이지를 만드는 방법을 이미 알고 있다고 가정합니다. 먼저 사이트맵이 활성화되려면 2가지 사항을 확인해야 합니다. 설정 사이트 피드로 이동하여 블로그 피드 허용이 전부 허용인지 확인합니다. 각 게시물에 라벨이 있는지 확인합니다. 라벨이 없는 …

Post a Comment