[티스토리 스킨] #8. 딘치(Dinch)에서 로고 설정하기

로고

사용자가 로고를 변경할 수 있도록 구성했습니다. HTML을 작성해야 하지만, 그렇게 어렵지 않습니다. 양이 적기 때문이죠. 우선 준비 작업이 있습니다. 관리자메뉴 - 플러그인 - 배너 출력 플러그인 활성화 해주세요. 그 다음 꾸미기 - 사이드바로 이동해주세요.  로고 및 텍스트를 추가하려면 아래의 사진처럼 메뉴버튼 다음으로 기본모듈에서 HTML 배너출력을 찾아 사이드바 1에 배치합니다. 이제 편집버튼을 누르면, HTML을 작성할 수 있습니다.


이미지

이미지 로고를 출력할 수 있습니다. 최대 가로사이즈는 75px이며 높이의 제한은 특별히 없지만, 최적사이즈는 22px입니다. 아래의 코드는 로고를 설정하는 코드입니다. __URL__ 부분에 로고를 눌렀을 때 이동하고 싶은 링크를, __IMAGE_URL__ 부분에는 로고의 주소를 적어주세요.


<a href="__URL__" class="brunch-tit-image">
  <img src="__IMAGE_URL__">
</a>

텍스트

이미지가 아닌 텍스트를 설정하려면 더 간단합니다. __URL__ 부분은 위와 마찬가지이며, __TEXT__ 부분은 블로그의 이름과 같은 텍스트를 입력하시면 됩니다. 텍스트는 모바일 환경에서 최대 100px 까지 표시되고 나머지는 생략기호로 나타납니다.


<a href="__URL__" class="brunch-tit-text">__TEXT__</a>


magazine티스토리 스킨
앱작가
전생했더니 개발자였던 건에 관하여
신나게 놀고먹고있는 24살 백수 개발자. 티스토리를 위한 티도리 프레임워크(https://tidory.com)를 개발했다.
댓글