1minago | 1분 전

BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여 (로고, 파비콘, CTA, 상단메뉴, 헤더링크)

Jun 22, 2025

    BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여

    디자인- 이름, 설명, 파비콘, 로고 등록하기

    블로그프로 파비콘, 로고 등록 방법
    블로그프로 파비콘, 로고 등록 방법

    1. 이름 및 설명: 노션에서 작성해줍니다. (가이드 1편. 이미지 9-1 참고)
    1. 파비콘 : “블로그프로-디자인” 섹션에서 변경합니다. (노션에서 등록해도 반영되지 않습니다.)
      2-1. 파비콘 권장 사이즈(단위) : 48*48 px
      2-2. 파비콘 최대 파일 크기 : 100kb
    1. 로고 : 파비콘과 동일하게, “블로그프로-디자인” 섹션에서 변경합니다. (노션에서 등록해도 반영 안됨.)
      3-1. 로고 권장 사이즈(단위) : 400*400 px
      3-2. 로고 최대 파일 크기 : 5mb

    👉🏼 파비콘, 로고 사이즈의 모든 단위는 픽셀(px)입니다.

    디자인- 기본 색상 테마, CTA(Call to Action) 버튼 설정하기

    블로그프로에서 기본 색상 테마 설정 방법
    블로그프로에서 기본 색상 테마 설정 방법
    블로그프로에서 cta 설정 방법
    블로그프로에서 cta 설정 방법
    내 블로그 사이트에 활성화된 CTA 버튼
    내 블로그 사이트에 활성화된 CTA 버튼
    1. 기본 색상 테마: 3가지 종류(시스템 설정에 따라서 변동, 화이트, 블랙) 중 1개를 선택합니다.
    1. CTA : 필요에 따라 CTA를 활성화하거나 비활성화 합니다.
      CTA 버튼을 활성화 한 경우, 내 사이트에서 보여지는 화면은 이미지(↑)와 같습니다.
      CTA 버튼 및 글자 색상은 화이트 및 블랙 모드에서 서로 다른 색깔로 보여지게끔 선택 가능합니다.
    💡
    CTA 버튼 활용 꿀팁: 제휴 마케팅 링크나 자신의 또다른 블로그(NAVER, TISTORY, WORDPRESS) 사이트를 URL 링크로 등록해 놓으면 전환이 용이할 것입니다.

    디자인- 상단메뉴 (헤더링크)

    블로그프로 디자인 헤더링크
    블로그프로 디자인 헤더링크
    블로그프로 디자인 헤더링크 설정방법
    블로그프로 디자인 헤더링크 설정방법
    블로그프로 헤더링크 설정방법
    블로그프로 헤더링크 설정방법
    1. 헤더링크: 쉽게 말해, 내 사이트에 카테고리로 보여집니다.
      6-1. 더 추가하기: 더 추가하기를 클릭해서 내가 원하는 카테고리를 생성합니다.
      내용에는 url이나 /tag를 활용하여, 내가 원하는 사이트 or 노션 페이지로 이동시킬 수 있습니다.
      6-2. 서브메뉴 항목 추가: 카테고리에 하위 항목을 만들어서 내가 원하는 사이트 or 노션 페이지로 이동시킬 수 있습니다.
    💡
    헤터링크 활용 꿀팁: 노션 페이지 속성 tag에서 새로운 tag를 생성해둡니다.
    ex. 블로그 소개 페이지 속성-tag란에
    about tag를 생성 후, 블로그프로 디자인 화면으로 돌아와서
    6-2. 서브메뉴 항목 추가 → /tag/about 을 입력하면
    상단 이미지(↑)와 같이 소개 페이지만 모아볼 수 있습니다.

    BlogPro Guide 시리즈

    👉🏼 BlogPro Guide 1. 노션 기반 블로그, 블로그프로 블로그 개설 및 게시글 작성하기

    👉🏼 BlogPro Guide 2. 블로그프로 대시보드 각 항목에 대하여

    BlogPro Guide 2. 블로그프로 대시보드 각 항목에 대하여

    BlogPro Guide 블로그프로 블로그 대시보드 항목

    👉🏼 BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여 (로고, 파비콘, CTA, 상단메뉴, 헤더링크)

    BlogPro Guide 3. 블로그프로 디자인 각 항목에 대하여 (로고, 파비콘, CTA, 상단메뉴, 헤더링크)

    👉🏼 파비콘, 로고 사이즈의 모든 단위는 픽셀(px)입니다.

    👉🏼 BlogPro Guide 4. 블로그프로 디자인 각 항목에 대하여(히어로 섹션, 배너 이미지, 레이아웃, 푸터, 소셜, 폰트, 이메일 수집, 팝업)

    BlogPro Guide 4. 블로그프로 디자인 각 항목에 대하여(히어로 섹션, 배너 이미지, 레이아웃, 푸터, 소셜, 폰트, 이메일 수집, 팝업)

    워드프레스 애드센스 승인을 받을 때, 꼭 필요한 페이지로 개인정보 처리방침(privacy policy)이 있다. 보통, 푸터링크에 넣어둔대서 나는 노션에서 페이지를 따로 만들고 푸터 링크에 url을 넣어줬다.페이스북, 인스타그램은 물론이고 쓰레드와 깃허브, 이메일 주소와 사용자 지정 링크까지 보여주고 싶은 소셜 미디어 url을 넣으면, 상기 이미지(↑)처럼 내 사이트에 소셜 미디어가 표시된다. ‘폰트 검색’란에 글씨를 적어볼 수 있고 크기

    👉🏼 BlogPro Guide 5. 블로그프로 도메인, 수익화, 구독자 관리

    BlogPro Guide 5. 블로그프로 도메인, 수익화, 구독자 관리

    사족: 보통, 애드센스 블로그 운영을 염두하면, 티스토리로 시작해서 워드프레스로 넘어간다고 한다.나는 애드센스 블로그 운영 목적으로 워드프레스 까지 염두하고 워드프레스가 아닌, 블로그프로를 선택했다.워드프레스는 설치 종류부터 2가지에 뭘 설치하라는 건지 한 번 해봐도 어렵다. 서버 선택도 워드프레스 고수마다 추천하는 서버가 다양해서 거기서도 고심하고 매달 서버 비용도 든다. 거기서 끝나지 않고, 각종 플러그인도 비용 발생을 염두하게 되는데