소셜링크 추가하기

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

서랍 메뉴(좌측)에 트위터, 페이스북, 유튜브 등 다양한 소셜 미디어를 추가하여 연결 할 수 있습니다.

소셜링크 변경

  1. 티스토리에 로그인 한 후 관리자 메뉴에서 [HTML/CSS 편집]을 클릭합니다.
  2. [파일업로드]를 클릭한 후 변경하고자 하는 이미지를 업로드해주세요.
  3. HTML문서에서 <!-- profile-social -->부분을 다음과 같이 변경하세요.
    <!-- profile-social -->
    <div class="profile-social">
      <a class="social-link" href="//www.tistory.com" title="Tistory 바로가기" target="_blank">
        <img src="./images/ic_tistory.svg" alt="Tistory">
      </a>
    </div>
    <!-- //profile-social -->
    
    • www.tistory.com를 해당 사이트 주소로 변경합니다.
    • Tistory 바로가기을 해당 사이트 명칭으로 변경합니다.
    • ic_tistory.svg를 업로드한 이미지 파일의 이름으로 변경합니다.
    • Tistory를 해당 사이트 명칭으로 변경합니다.

소셜링크 추가

  1. 티스토리에 로그인 한 후 관리자 메뉴에서 [HTML/CSS 편집]을 클릭합니다.
  2. HTML문서에서 <!-- profile-social -->를 찾습니다.
    <!-- profile-social -->
    <div class="profile-social">
      <a class="social-link" href="//www.tistory.com" title="Tistory 바로가기" target="_blank">
        ...
      </a>
    </div>
    <!-- //profile-social -->
    
  3. <a class="social-link">...</a> 부분을 복사하여 다음 줄에 붙여넣으세요.

  4. 이후 링크 변경과 동일한 방법으로 파일을 변경합니다.

이미지 크기 가이드라인

SVG 이미지: 정사각형의 40x40픽셀의 이미지
PNG 이미지: 정사각형의 120x120픽셀의 이미지

참고: 소셜 링크 이미지는 가급적이면 svg를 이용하는 것이 좋습니다. PNG로 설정할 경우 데스크탑 혹은 모바일에서 이미지가 선명하지 않을 수도 있습니다.


신고

작성자

Posted by 9월의토끼

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

티스토리 툴바