로고 추가

가이드/tokii's room2016.07.02 00:56

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

로고 적용하기

  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-toolbar-tools .logo awidthheight값을 이미지의 크기와 동일하게 입력합니다.

이미지 크기 가이드라인

SVG 이미지의 경우: 최소 30x30픽셀 ~ 최대 200x30픽셀의 이미지
PNG 이미지의 경우: 최소 90x90픽셀 ~ 최대 600x90픽셀의 이미지

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


작성자

Posted by 9월의토끼

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

티스토리 툴바