BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여 (로고, 파비콘, CTA, 상단메뉴, 헤더링크)
June 22, 2025
BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여
디자인- 이름, 설명, 파비콘, 로고 등록하기
블로그프로 파비콘, 로고 등록 방법
- 이름 및 설명: 노션에서 작성해줍니다. (가이드 1편. 이미지 9-1 참고)
- 파비콘 : “블로그프로-디자인” 섹션에서 변경합니다. (노션에서 등록해도 반영되지 않습니다.)
2-1. 파비콘 권장 사이즈(단위) : 48*48 px
2-2. 파비콘 최대 파일 크기 : 100kb
- 로고 : 파비콘과 동일하게, “블로그프로-디자인” 섹션에서 변경합니다. (노션에서 등록해도 반영 안됨.)
3-1. 로고 권장 사이즈(단위) : 400*400 px
3-2. 로고 최대 파일 크기 : 5mb
👉🏼 파비콘, 로고 사이즈의 모든 단위는 픽셀(px)입니다.
디자인- 기본 색상 테마, CTA(Call to Action) 버튼 설정하기
블로그프로에서 기본 색상 테마 설정 방법
블로그프로에서 cta 설정 방법
내 블로그 사이트에 활성화된 CTA 버튼
- 기본 색상 테마: 3가지 종류(시스템 설정에 따라서 변동, 화이트, 블랙) 중 1개를 선택합니다.
- CTA : 필요에 따라 CTA를 활성화하거나 비활성화 합니다.
CTA 버튼을 활성화 한 경우, 내 사이트에서 보여지는 화면은 이미지(↑)와 같습니다.
CTA 버튼 및 글자 색상은 화이트 및 블랙 모드에서 서로 다른 색깔로 보여지게끔 선택 가능합니다.
💡
CTA 버튼 활용 꿀팁: 제휴 마케팅 링크나 자신의 또다른 블로그(NAVER, TISTORY, WORDPRESS) 사이트를 URL 링크로 등록해 놓으면 전환이 용이할 것입니다.
디자인- 상단메뉴 (헤더링크)
블로그프로 디자인 헤더링크
블로그프로 디자인 헤더링크 설정방법
블로그프로 헤더링크 설정방법
- 헤더링크: 쉽게 말해, 내 사이트에 카테고리로 보여집니다.
6-1. 더 추가하기: 더 추가하기를 클릭해서 내가 원하는 카테고리를 생성합니다.
내용에는 url이나 /tag를 활용하여, 내가 원하는 사이트 or 노션 페이지로 이동시킬 수 있습니다.
6-2. 서브메뉴 항목 추가: 카테고리에 하위 항목을 만들어서 내가 원하는 사이트 or 노션 페이지로 이동시킬 수 있습니다.
💡
헤터링크 활용 꿀팁: 노션 페이지 속성 tag에서 새로운 tag를 생성해둡니다.
ex. 블로그 소개 페이지 속성-tag란에 about tag를 생성 후, 블로그프로 디자인 화면으로 돌아와서
6-2. 서브메뉴 항목 추가 → /tag/about 을 입력하면
상단 이미지(↑)와 같이 소개 페이지만 모아볼 수 있습니다.
ex. 블로그 소개 페이지 속성-tag란에 about tag를 생성 후, 블로그프로 디자인 화면으로 돌아와서
6-2. 서브메뉴 항목 추가 → /tag/about 을 입력하면
상단 이미지(↑)와 같이 소개 페이지만 모아볼 수 있습니다.