본문 바로가기
블로그 관리/티스토리 블로그 관리

티스토리 검색 기능이 제목을 가리는 문제 해결 방법 (티스토리 검색 기능 삭제)

by Kibua20 2020. 7. 3.
반응형

블로그를 모바일에서 확인하면 '제목'과 '검색'의 layout 이 겹쳐 제목이 가려지는 문제가 있다.  검색 기능은 블로그내에서 특정 키워드로 검색하는 것으로 사용하는 경우가 많지 않아서 기능을 삭제하기로 했다. 

 

  • https//kibua20.tistory.com 을 모바일에서 접속하는 경우: 제목이 가려짐 (아래 그림)
  • https//kibua20.tistory.com/m 을 접속하는 경우: 화면  layout은 정상적으로 표시되나 구글 광고가 표시지 않아 모바일 웹 자동연결을 off로 설정했음 (블로그 관리>모바일>티스토리 모바일웹 자동 연결을 설정한 경우 https://kibua20/tistory.com을 접속하면 자동으로 https//kibua20.tistory.com/m 링크로 이동(redirect)함) 

 

모바일 버전에서 제목 가려짐

 

검색 기능 삭제 방법

Html과 java script을 잘 아시는 분이라면 좀 더 나은 방법을 찾을 수 있을 것 같은나, 가장 쉬운 방법으로 html에서 해당 기능을 찾아서 삭제하였다. 

 

1. 블로그 관리 > 꾸미기 > 스킨 편집> html 선택

2. html 상에서 Alt+F 누르고 'serach'  또는 '검색' 으로 찾기 

3.  <div class="serach">  와 하단 </div> 를 찾아서 커멘트 처리, 

     * Html에서 커멘트 처리는 <!--  로 시작해서 --> 로 끝나면 됩니다.

     * 커멘트로 처리하면 브라우저에서 실행이 안됨 (해당 코드 삭제와 동일한 효과)

     * 제가 사용하는 북 스킨은 Line 47이며 사용하는 스킨에 따라서 <div class="search"> 위치는 다를 수 있음 

티스토리 검색 기능 삭제

 

<관련 글>

[블로그 관리] - 티스토리 블로그 초보를 위한 대표 이미지 안 잘리게 만들기

[블로그 관리] - 티스토리 블로그 메뉴 추가하기

[블로그 관리] - 초보 블로그 관리: 서치 콘솔 등록부터 Adsense 낙방 후 2차 성공!

반응형



댓글2