블로그 페이지 레이아웃과 사이드바 위젯 정하기

블로그의 글 목록과 글 화면 옆에는 저자 소개나 최신 글 같은 작은 상자를 놓을 수 있는 사이드바가 있습니다. 퍼널브레인 블로그 관리의 테마 탭 아래쪽 페이지 레이아웃 카드에서는 이 사이드바를 어느 쪽에 둘지, 어떤 위젯을 보여 줄지 정합니다. 이 글에서는 카드의 구성과 위젯별 입력 항목을 순서대로 안내합니다.

1. 페이지 레이아웃은 어디에 있나요

왼쪽 메뉴의 콘텐츠 > 블로그 관리를 열고 탭 줄에서 테마를 누른 뒤 아래로 내려가면 페이지 레이아웃 카드가 나옵니다. 부제는 "각 영역의 위치와 위젯 노출 여부를 설정합니다"입니다. 카드 맨 위의 포스트 상세에도 사이드바·테마 적용 스위치는 기본으로 켜져 있고, 안내 문구대로 끄면 글 화면은 본문만 표시됩니다(집중 모드). 스위치 아래에 사이드바 위치 선택 카드와 영역 미리보기, 사이드바 위젯 목록이 이어집니다.

2. 사이드바 위치 고르기

사이드바 위치는 오른쪽, 왼쪽, 양쪽, 없음 네 개의 카드 중 하나를 고릅니다. 누른 카드에 파란 테두리가 생기고, 바로 아래 미리보기도 함께 바뀝니다. 미리보기에는 헤더 — 로고 + 내비게이션, 메인 콘텐츠 (포스트 목록), 사이드바, 푸터 — 카피라이트 + 소셜 링크 영역이 그려져 있습니다.

• 오른쪽: 사이드바가 본문 오른쪽에 놓입니다. 저장한 값이 없으면 이 카드가 선택된 상태입니다.
• 왼쪽: 미리보기의 사이드바가 본문 왼쪽으로 옮겨 갑니다.
• 양쪽: 위젯마다 왼쪽·오른쪽 위치 버튼이 나타납니다.
• 없음: 미리보기에서 사이드바가 사라지고, 아래의 사이드바 위젯 영역도 함께 숨겨집니다.

3. 사이드바 위젯 켜고 끄기

사이드바 위젯에는 저자 소개, 최신 글, 링크 모음, 배너 네 가지가 있습니다. 항목을 누르면 앞의 동그라미 색이 바뀌며 켜지고 꺼집니다. 처음에는 저자 소개와 최신 글이 켜져 있고 링크 모음과 배너는 꺼져 있습니다. 위젯을 켜면 미리보기의 사이드바에 그 이름의 상자가 나타납니다.

위젯을 켜면 그 위젯의 설정 상자가 아래에 열립니다.

• 최신 글 설정: 숫자 칸에 개까지 표시할 글 수를 적습니다. 안내 문구는 "1~20개, 기본 6개"이고 발행된 글이 이보다 적으면 있는 만큼만 표시된다고 적혀 있습니다. 표시 형태는 목록형(제목 + 날짜)과 카드형(썸네일 + 제목) 중 하나를 고르며.
• 링크 모음 설정: 링크 이름과 주소(https://...)를 한 줄씩 적습니다. 처음에 세 줄이 있고 + 링크 추가를 누르면 한 줄이 더 생깁니다.
• 배너 설정: 배너 이미지에 주소를 적거나 업로드로 파일을 올립니다. 추천 너비는 240px(사이드바 폭)입니다. 클릭 시 이동 URL (선택)과 대체 텍스트 (선택)도 적을 수 있습니다.

4. 양쪽 사이드바에서 위젯 위치 정하기

사이드바 위치를 양쪽으로 고르면 위젯 줄마다 왼쪽·오른쪽 버튼이 나타납니다. 처음 상태는 저자 소개와 최신 글이 오른쪽, 링크 모음과 배너가 왼쪽입니다. 버튼을 누르면 선택된 쪽이 파란색으로 바뀝니다.

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

이 카드의 값은 화면 맨 아래의 설정 저장을 눌러야 저장됩니다. 설정·메뉴·테마·인트로·SEO/AEO 탭과 한 번에 저장되며, 저장하려면 도메인이 등록되어 있어야 합니다. 화면 위 안내처럼 설정을 바꾼 뒤에는 전체 재배포를 실행해야 블로그에 반영됩니다. 반영된 뒤에는 블로그 보기로 실제 모습을 확인하세요.

6. 이렇게 활용해 보세요

• 글 읽기에 집중하게 하고 싶다면 사이드바 위치를 없음으로 두거나 포스트 상세에도 사이드바·테마 적용을 꺼 보세요.
• 블로그 운영자를 소개하고 싶다면 저자 소개를, 다른 글로 이어지게 하고 싶다면 최신 글을 켜 두세요.
• 자주 찾는 페이지가 있다면 링크 모음에 이름과 주소를 넣고, 행사 안내처럼 눈에 띄는 이미지가 있다면 배너에 이동 주소와 대체 텍스트를 함께 적어 두세요.

7. 알아 두실 점

• 카드와 스위치를 눌러 보는 것만으로는 아무것도 저장되지 않습니다. 저장하지 않고 화면을 떠나면 고른 값은 사라집니다.
• 사이드바 위젯 영역은 사이드바 위치가 없음이 아닐 때만 보입니다.
• 테마와 색상, 그리드와 헤더 모양은 같은 탭 위쪽에서, 인트로는 인트로 탭에서 정합니다.