Tistory
특정 페이지에서 특정 부분 보이지 않게 하기
이 소스는
티스토리가 각각 게시판 형식이 아니고
전체적인 디자인에서 카테고리로 나누어지는 스타일이라
어떤 기능이나 부분을
한 곳에서만 나오게 하기 힘들다.
(물론 전문가 수준으로 구현하면 가능할 수도 있을 테지만..)
대체적으로
스킨의 몇몇 부분을 고쳐 수정하는 위주의 이용자가 많으니
간단히 쓸 수 있는 유용한 소스이다.
개인 홈페이지처럼 보이게 메뉴화 할 수도 있고
티스토리의 페이지 부분을 활용하여
블로그 외적으로 표현하고 싶은 것을 깔끔하게 나타내는 것에도 유용하여서
티스토리를 이용한 웹사이트 구현에 굉장히 도움이 될듯하다.
예를 들면
페이지나 인덱스 형식으로 표현하고자 하는 페이지에
공감 및 구독하기 등의 관리자 버튼과 기능들을
보이기 싫을 때에..
보통 css에서 display:none; 로 가려주면 되고
html 문서에서 주석처리하거나 빼버리면 되지만
(이방법은 티스토리는 그렇게 하면
위에서 말한 대로 대체적으로 특정 한페이지가 아닌
모든 곳에서 빠져버리게 된다)
여의치 않은 상황이 생길 때에.
먹히지 않을 때에 이용하면 된다
*skin.html 문서의
<body> 코드 밑라인에 아래의 자바스크립트 소스를 넣어준다.(자신의 주소로 수정한 후)
<body> </body> 사이 아무 곳에나 붙여 넣기 하면 되지만
주로 나중에 수정하거나 알아보기 쉽게
<body> 바로 밑 라인이나 </body> 바로 위에 작성하는 것이 좋다.
*코드
<script>
if (( window.location.pathname == '/pages/about' )||
( window.location.pathname == '/pages/mainti' ))
{ document.write( '<style>.container_postbtn,.wrap_btn_etc\
{display:none !important;}</style>' ); }
</script>
*소스의 수정을 위하여 코드 파악하기
(초보는 코드이해하고 수정하기위하여)
<script> 뒤의 if~~~~ 다음에 'pages/about'라고
적힌 부분을 자신의 주소 경로로 바꾼다.
(보이고 싶지 않은 부분을 빼버릴 페이지/
티스토리의 뒷부분 페이지 주소나 특정 카테고리의 주소)
여러 곳인 경우(위 소스는 두 곳)
<script>밑의 1번라인에 더해 밑에라인을 보면 '/pages/mainti'라는 페이지도 추가되어있음을 알 수 있다.
-1번 라인을 보면
( window.location.pathname == '/pages/about' )||
더 추가할 특정 페이지가 많을 시에
이 소스를 2번 라인 뒤나 사이에 기호로 구분하여 더 추가하여 주면 된다.
-1번 라인을 보면
')||(window ~~~~~
페이지의 추가는 위의 기호로 더해준다.
+참고로
위의 스트립트
if 옆 1번 라인과 2번 라인을 참고하고 추가한 다음
마지막 페이지 주소를 적고 나서는 꼭 괄호 ))가 두 개로
if 옆부분처럼 처음과 끝이 ( )가 하나씩 더 있는 것을
잘 확인하여야 한다.
-1번 라인과 2번 라인을 보면
<script>
if (( window.location.pathname == '/pages/about' )||
( window.location.pathname == '/pages/mainti' ))
추가하다 보면 초보는 헷갈린다. 빨간부분 잘 확인할것.
3번 라인에서는
보이지 않을 소스. 클래스 명을 스타일로 지정한다,
-3번 라인을 보면
{ document.write( '<style>.container_postbtn,.wrap_btn_etc
노란 부분을 바꾼다.
html에서 지정한 클라스명으로
보이고 싶지 않은 부분을 ', '로 추가할 수 있다.
-4번 라인을 보면(여기서는 수정할곳은 없다)
{display:none !important;}</style>' ); }
</script>
클래스 명을 추가하고 난 후에
아랫부분 4번라인을 보면 그 클래스의 css가
display:none
으로 보이지 않게 해 놓고
!importent
다른 css지정 요소보다 가장 최우선으로 지정하라는 주문을 하고
</style>로 닫아놓은 것을 알 수 있다.
*소스의 수정및 바꿀곳
간단하게 그냥 소스 수정할시
<script>
if (( window.location.pathname == '/pages/about' )||
( window.location.pathname == '/pages/mainti' ))
{ document.write( '<style>.container_postbtn,.wrap_btn_etc\
{display:none !important;}</style>' ); }
</script>
-빨간 부분은 본인의 특정 페이지 주소
-초록 부분 기호로 구분하여 추가 여러 페이지를 추가하고
-보라 부분의 기호를 잘 확인하여 처음과 끝에 열고 닫아준다
-파란 부분은 본인의 보이기 싫은 부분의 클라스명
으로 바꾼 뒤
skin.html의 <body></body> 사이에 넣어준다.