블로그 프론트 둘러보기
블로그오너 프론트는 방문자가 보는 공개 화면입니다. 헤더·글 목록·글 상세·댓글·좋아요·공유 기능이 어떻게 구성되어 있는지 파악합니다.
내 블로그가 방문자 눈에 어떻게 보이는지 직접 확인하고 점검하는 기준을 잡습니다.
헤더 구성
블로그 상단 헤더에는 블로그 이름, 홈·글목록 내비게이션, 다크/라이트 모드 전환 버튼이 있습니다. 다크/라이트 전환은 방문자가 직접 클릭해 선택할 수 있습니다. 설정은 브라우저에 저장되어 다음 방문 때도 유지됩니다.
홈과 글 목록
홈(/) 화면에는 설정한 Hero 섹션과 최신 글 목록이 표시됩니다. 글목록(/posts)으로 이동하면 발행된 모든 글을 카드 형태로 볼 수 있습니다. 카드에는 대표이미지, 제목, 발행일, 카테고리가 표시됩니다. 카드에 대표이미지가 없으면 기본 썸네일이 표시됩니다.
카테고리 탭과 검색
글목록 상단에 카테고리 탭이 표시됩니다. 탭을 클릭하면 해당 카테고리 글만 필터링해 볼 수 있습니다. 검색창에 키워드를 입력하면 제목·본문에서 일치하는 글 목록이 표시됩니다. 검색은 front-search 가이드에서 자세히 설명합니다.
글 상세 페이지
글 카드를 클릭하면 /posts/[슬러그] 경로로 이동해 글 전문을 볼 수 있습니다. 본문 아래에 다음 기능이 순서대로 표시됩니다. • 좋아요 버튼 — 클릭하면 카운트가 올라가고 화면에 표시됩니다 • SNS 공유 버튼 — Facebook, X/Twitter, Instagram, 링크 복사 • 댓글 섹션 — 이름·비밀번호·내용을 입력해 댓글 등록
블로그 운영자가 공개 화면 점검하는 방법
관리자 화면과 공개 화면은 별개입니다. 내 블로그가 방문자에게 어떻게 보이는지 확인하려면 관리자 사이드바 하단 "사이트 보기"를 클릭하거나, 직접 블로그 주소를 브라우저 새 탭에서 열어 확인합니다. 확인할 항목: • 헤더 로고·이름이 정상인지 • 글 목록 카드 대표이미지가 잘 보이는지 • 카테고리 탭이 정상 표시되는지 • 글 상세 본문·이미지가 깨지지 않는지
글에 대표이미지를 설정하면 카드 목록에서 시각적으로 눈에 띄어 클릭 유도에 도움이 됩니다.
공개 화면 디자인을 바꾸려면 관리자 > 디자인 설정이나 라이브 편집 모드를 이용합니다.