블로그를 모바일에서 확인하면 '제목'과 '검색'의 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"> 위치는 다를 수 있음
<관련 글>
댓글