본문 바로가기
웹 개발/블로그

티스토리 놓치기 쉬운 유용한 팁 모음

by KISCH 2024. 8. 28.
반응형

 

티스토리 블로그를 운영하면서 설정하면 조금은 도움이 되는 항목들과 유용한 팁들을 몇 개 소개해 드리려고 합니다. 대표이미지를 숨기는 방법, URL 주소 뒤에 카테고리가 붙는 것을 제거하는 방법, 댓글 관련 버튼이 안 눌릴 때 해결방법 등입니다.

 

 

 

1. 본문 대표이미지 숨기기

 

포스팅을 하다보면 대표이미지가 본문내용에 큰 도움이 안 되는 썸네일일 경우가 있습니다. 이미지도 많고 하다보면 굳이 보여질 필요가 없기 때문에 간단하게 숨기는 방법을 말씀드리겠습니다.

 

1) 기본모드에서 html모드로 진입합니다.

2) 해당 이미지에 html부분을 찾습니다. 보통 아래와 같이 이미지치환자가 <p> 태그로 둘러쌓여 있을텐데요.

 

 

3) <p>...</p> 태그를 <div style="display:none">...</div> 로 바꿔주시면 됩니다.

 

 

 

2. URL에 카테고리 제거 방법

https://xxx.tistory.com/123?category=12345 등의 주소 뒤에 카테고리가 붙는 것을 제거하는 소스입니다. 예전에 스킨에 따라 카테고리를 통해 글을 클릭하면 생기는 경우가 있었고 그 때 사용하는 코드입니다. 애드센스 측에서 광고가 제대로 송출이 안 될 확률이 있다고 합니다.

 

1) 스킨편집 - html편집으로 진입합니다.

2) ... 사이에 아래 코드를 복사해 붙여넣기합니다.

<!-- 카테고리 제거 -->
<script>
  if (typeof history.pushState == "function") {
    var CategoryURL = location.href;
    CategoryURL = CategoryURL.replace(/\?category=([0-9]+)/ig, '');
    history.pushState(null, null, CategoryURL);
  }
</script>

 

 history.pushState(state, unused, url) 메서드는 페이지를 reload 하지 않고 url 주소만 변경할 때 사용됩니다.

 location.href 는 페이지를 이동시킵니다.

replace는 기존페이지를 새로운 페이지로 변경하기 때문에 기존 페이지 기록이 사라집니다.

 

 

3. 댓글 - 수정 / 삭제 버튼 안 눌림

 

티스토리 댓글창에서 수정/삭제 버튼이 안 눌리는 경우가 있습니다. 스킨 편집 - HTML 편집으로 진입하셔서 아래 방법으로 순서대로 해보시기 바랍니다. 

 

1) <s_rp_rep>, <s_rp2_rep> 아래 <li> 태그를 다음과 같이 수정

<li id="">

 

2) 1번 방법으로 해결 안되는 경우 아래 코드를 찾습니다.

	<a href="#" onclick="">수정/삭제</a>

 

3) 위 코드를 찾아 다음과 같이 class 추가합니다.

	<a href="#" onclick="" class="modify">수정/삭제</a>

 

 

관련포스트
티스토리 | 글에 자동 목차 넣기
티스토리 | 본문 제목 영역 수정하기
티스토리 | 사이즈 이미지 태그 스킨 관련 팁
티스토리 | HTML 구조와 주요 태그

 

티스토리팁
반응형

댓글

KISCH님의
글이 좋았다면 응원을 보내주세요!