블로그 테마와 색상 고르기: 테마 3종·기본 색상·그리드·너비·헤더 템플릿

블로그가 "내 블로그답게" 보이려면 글보다 먼저 바탕이 되는 스타일을 정해야 합니다. 퍼널브레인 블로그 관리의 테마 탭에서는 블로그 전체 스타일 세 가지 중 하나를 고르고, 기본 색상, 카드 열 수, 콘텐츠 너비, 헤더 모양까지 한 화면에서 정할 수 있습니다. 이 글에서는 각 선택지의 이름과 설명, 고르는 방법, 저장한 뒤 블로그에 반영하는 순서를 안내합니다.

1. 테마 탭은 어디에 있나요

왼쪽 메뉴에서 콘텐츠 > 블로그 관리를 열고 탭 줄에서 테마를 누릅니다. 위쪽의 테마 선택 카드에 테마 세 개와 기본 색상이 있고, 그 아래 그리드 · 사이즈 · 헤더 카드에 열 수, 콘텐츠 너비, 헤더 템플릿이 이어집니다.

2. 테마 고르기

테마 카드는 세 개입니다. 카드를 누르면 그 카드에 테두리와 옅은 배경이 생기고 이전 선택은 풀립니다. 선택은 한 번에 하나만 됩니다.

• Minimal: 텍스트 중심, 심플한 리스트
• Default: 그리드 카드 + 저자 사이드바
• Magazine: 3컬럼 그리드, 썸네일 강조

아직 저장한 값이 없으면 Default가 선택된 상태로 열립니다.

3. 기본 색상 정하기

기본 색상은 화면 안내 그대로 헤더·링크·버튼에 적용되는 블로그의 대표 색입니다. 색 상자를 누르면 색 선택 창이 열리고, 색을 고르면 옆의 칸에 색 번호(예: #0F766E)가 바로 바뀌어 표시됩니다. 그 칸은 읽기 전용이라 직접 타자로 고칠 수는 없고, 색 상자로만 고릅니다. 저장한 값이 없을 때의 기본 색은 파란색 계열의 #3B82F6입니다.

4. 그리드 컬럼, 콘텐츠 너비, 헤더 템플릿

아래 그리드 · 사이즈 · 헤더 카드에서는 세 가지를 정합니다.

• 그리드 컬럼: 1열, 2열, 3열 중에서 고릅니다. 라벨 옆에 (기본 그리드 테마)라고 적혀 있듯, 카드 열 수는 Default 테마의 글 목록에 적용되는 설정입니다. 처음 값은 2열입니다.
• 콘텐츠 너비: 선택 상자에서 좁게 (620px), 보통 (860px), 넓게 (1100px), 전체 너비 중에서 고릅니다. 처음 값은 보통입니다. 목록과 글 본문이 놓이는 폭, 그리고 헤더 안쪽의 폭을 정합니다.
• 헤더 템플릿: 작은 미리보기가 달린 카드 다섯 개 중 하나를 고릅니다. 기본(로고좌·메뉴우), 센터(중앙 정렬), 다크(어두운 배경), 미니멀(테두리 없음), 브랜드(컬러 배경)입니다. 브랜드 카드는 위에서 정한 기본 색상을 헤더 배경으로 씁니다. 처음 값은 기본입니다.

예를 들어 3열 버튼, 콘텐츠 너비의 넓게 (1100px), 헤더 템플릿의 다크 카드를 차례로 고르면 선택한 카드마다 테두리가 바뀌고 선택 상자에 고른 값이 표시됩니다.

5. 저장하고 블로그에 반영하기

이 탭에서 고른 값은 화면 맨 아래의 설정 저장을 눌러야 저장됩니다. 설정·메뉴·인트로·SEO/AEO 탭과 한 번에 저장되며, 저장하기 전에는 다른 탭으로 옮겨 다녀도 고른 상태가 유지됩니다. 블로그 관리 화면 위쪽 안내처럼 설정을 바꾼 뒤에는 전체 재배포를 실행해야 블로그에 반영됩니다. 반영된 뒤에는 블로그 보기로 실제 모습을 확인하세요. 저장과 재배포에는 등록된 도메인이 필요합니다.

6. 이렇게 활용해 보세요

• 글 제목과 요약 위주로 담백하게 보여 주고 싶다면 Minimal, 썸네일이 있는 카드로 보여 주고 싶다면 Default나 Magazine을 골라 보세요.
• 로고나 브랜드 색이 정해져 있다면 기본 색상을 그 색으로 맞추고, 헤더를 색으로 강조하고 싶을 때 브랜드 템플릿을 함께 고르세요.
• 긴 글을 읽기 편하게 두고 싶다면 좁게 또는 보통, 사진이 많은 블로그라면 넓게를 먼저 시험해 볼 수 있습니다.

7. 알아 두실 점

• 저장한 값이 없을 때의 시작값은 테마 Default, 기본 색상 #3B82F6, 그리드 컬럼 2열, 콘텐츠 너비 보통 (860px), 헤더 템플릿 기본입니다.
• 카드를 눌러 보는 것만으로는 아무것도 저장되지 않습니다. 저장하지 않고 화면을 떠나면 고른 값은 사라집니다.
• 테마 탭 아래쪽의 페이지 레이아웃 카드에서는 사이드바 위치와 위젯을 정합니다. 별도 글에서 다룹니다.
• 메뉴 항목은 메뉴 탭, 맨 위 소개 영역은 인트로 탭에서 꾸밉니다.