로고 추가하기

제목 대신 로고를 설정하면 블로그에 방문하는 사람들이 보다 더 쉽게 기억할 수 있습니다.

로고 적용하기

  1. 적용하고자 하는 이미지의 이름을 logo.svg 또는 logo.png로 변경해주세요.
  2. 티스토리에 로그인 한 후 관리자 메뉴에서 [HTML/CSS 편집]을 클릭합니다.
  3. [파일업로드]를 클릭하고 적용하고자 하는 파일을 업로드합니다.
  4. HTML문서에서 <!-- title -->부분을 아래 코드로 변경합니다.

    <!-- title -->
    <h1 class="logo">
      <a href="[##_blog_link_##]" title="[##_title_##]">
        <img src="./images/logo.svg" alt="[##_title_##]">
      </a>
    </h1>
    
  5. logo.svg를 업로드한 파일 이름으로 변경해주세요.

  6. CSS 문서에서 .paper-header .logo awidthheight값을 이미지의 크기와 동일하게 입력합니다.

이미지 크기 가이드라인

SVG 이미지의 경우: 최소 40x40픽셀 ~ 최대 255x50픽셀의 이미지
PNG 이미지의 경우: 최소 120x120픽셀 ~ 최대 765x150픽셀의 이미지

참고: 모바일 디바이스의 경우 해상도가 높기 때문에 로고가 선명하지 않을 수 있습니다. 가능하면 SVG포멧의 이미지로 적용하는 것을 권장하며, PNG로 적용 할 경우 1/3 크기의 widthheight를 입력해주세요.


작성자

Posted by 9월의토끼

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

티스토리 툴바