발행일자를 숨기고 싶으신 분들이 계신가요? 뭐 특별한 이유는 없지만 그냥 숨기고 싶을 때가 있습니다.
지금 이 블로그도 제가 숨겨둔 상태 입니다.
그냥 글이 언제 올라왔는지? 이 글이 오래된 글인지? 그런것들을 숨기고 싶다면 간단하게 적용이 바로 가능합니다.
아마 모든 티스토리 스킨 혹은 워드프레스 까지 가능 할 것입니다.
방법은 제 기준으로는 쉽지만, 처음하시는 분들이라면 다소 어려울 수 있습니다.
내용을 잘 따라가시기 바랍니다.
1. 개요
일단, 해당 스킨이 수정 가능한 스킨인지 확인하시기 바랍니다. 제가 지금 이 블로그에 사용하고 있는 고래스킨의 경우 커스텀이 가능한 스킨 입니다. 그래서 수정했습니다.
티스토리에서 제공하는 무료 스킨의 경우 그냥 수정해도 되겠지만, 다른 무료 및 유료스킨의 경우 확인을 해 보실 필요가 있습니다. 이로인해서 불이익을 받는 일 없도록 하시기 바랍니다.
계속 진행을 해보겠습니다.
발행일자를 숨기려면 발행일자 관련된 class를 찾아서 스타일 코드 한 줄만 넣어주면 됩니다.
style="display:none"끝입니다! 참 쉽죠?
근데 이해가 안가시는게 정상입니다. 일단 티스토리 기준으로 설명을 드리겠습니다. 사용 브라우저는 크롬이 좋습니다.
일단 체크를 하실 부분이 있습니다. 내 티스토리 블로그에서 발행일자가 나오는 부분이 어디인가 체크를 해두세요.
크게 3가지 부분에서 나올 것입니다.
- 첫화면(글 전체목록)
- 포스팅 안에(제목 밑 부분)
- 관련 포스팅(포스팅 아래 연관글, 관련글 부분)
더 있다면 추가로 찾아서 위치만 알아두시면 됩니다. 제가 사용중인 고래스킨은 저 부분 3곳을 변경했습니다.
다른 블로그를 예시로 진행해보겠습니다. 일단 가장 먼저 포스팅 안에 있는 발행일자를 지워보겠습니다.
2. 발행일자 class 찾아보기
크롬 브라우저를 사용해서 자신의 블로그로 이동해서 아무 포스팅이나 들어가보세요. 그 다음 그 화면에서 f12를 눌러보세요. 그러면 아래와 같은 화면이 나오게 됩니다.
저렇게 포스팅 제목 밑에 날짜가 보이죠? 이 부분을 지우고 싶은겁니다!
저 상태에서 키보드의 [ctrl+shift+c] 를 눌러주세요.
(f12를 누를 필요 없이 저 단축키를 누르면 바로 f12누른것과 같이 창이 열리면서 활성화 됩니다.)
정상적으로 단축키를 눌렀다면, 마우스를 움직일 때 마다 요상하게 막 생깁니다. 이제 마우스 포인터를 날짜 부분에 가져가 보세요.
그러면 네모박스가 생기면서 저렇게 span.date가 보일 것입니다. 마우스로 클릭해보세요.
그러면 오른쪽 창에서 자동으로 소스를 찾아 줍니다.
아하~ 저 발행날짜 부분의 값이 <span class="date">이구나 라는것을 알았습니다. 잘 기억해두세요. 메모장에 복사해두시는걸 추천!
저 부분은 사용하는 스킨에 따라서 값이 다를 수 있습니다. 자신의 사용하는 스킨의 값이 뭔지 잘 찾아보시기 바랍니다. 보통은 date,time,day 같은 단어가 들어가 있을 것입니다.
3.티스토리 스킨 html 수정 들어가기
html 수정하는 곳에 가서 아까 찾은 span.date를 검색해봅니다.
html 편집기를 클릭해서 커서를 편집기에 활성화 시킨 다음에 컨트롤+f를 누르면,
티스토리 html 편집기의 검색창이 열립니다.
그냥 컨트롤+f를 누르면 브라우저 자체의 검색이 열리게 될 것입니다. 반드시 티스토리 html 편집기의 검색창을 이용해주세요.
편집기의 검색창이 열렸다면 아까 복사해둔 값을 검색해보세요. 아래와 같이 나올 것입니다.
제가 사용하는 스킨은 저 값이 7개가 있습니다. 모두 바꿔 주시면 됩니다. 바꿔주는 방법은 뒤에 한 줄만 추가해주시면 됩니다.
아래 소스 코드를 참고하세요.
<span class="date">
이 부분을
<span class="date" style="display:none">
이렇게 바꿔주세요.
한 칸 띄고 style="display:none"를 추가해 준 것입니다.
이해가 가셨나요? 수정 하면 아래 그림같이 보이게 될 것입니다.
이렇게 7개를 모두 수정해 주세요. 여러분이 사용하시는 스킨에 따라서 개수가 다를 수 있습니다. 잘 보시고 전부 수정해주세요.
다 수정했다면 [적용]을 눌러주세요.
그 다음 다시 포스팅에 들어가보세요. 짜잔. 잘 지워졋나요? 지워졌다기 보단 그냥 디스플레이에 표시가 안되게 한 것입니다.
이렇게 포스팅 부분의 발행일자를 숨겼습니다. 그러면 아직 2곳이 더 남은 것이죠?
다른 부분도 마찬가지 입니다. 발행일자가 있는 페이지로 이동해서 컨트롤+쉬프트+F를 눌러주세요. 그 다음에 날짜 부분에 마우스를 이동시켜서 어떤 값을 가지고 있는지 확인해주세요.
스킨 html 편집 가서 찾은 값을 검색해주세요. 그 다음 모두 디스플레이:논 을 추가해주세요. 그리고 적용하시면 끝납니다.
어때요 참 쉽죠?
4.주의사항
주의사항은 사용하신의 스킨 라이센스를 잘 확인해주세요. 스킨을 제공하는 사람에게 허가를 받아야 하는 경우가 있을 수 있습니다.
제가 사용하는 고래스킨의 경우 가공 커스텀이 가능합니다. 그래서 발행일자를 숨겼습니다.
