[티스토리 블로그] 메인 페이지에만 콘텐츠 보이게 하기(HTML, CSS)

 

안녕하세요 무택입니다 :)

오늘 첫눈을 맞아 블로그에 눈 내리는 효과를 입혀봤는데 포스팅 페이지까지 효과를 입히면 정신사나워서 메인페이지에만 적용하고 싶어서 코드를 살펴봤습니다. 그래서 오늘은 그 내용, 메인페이지에만 콘텐츠 보이게 하는 방법입니다.

 

다만 저의 블로그 스킨 Odyssey 스킨에만 적용되는 내용일 수도 있으니 참고해 주세요.

 

 

 

메인 페이지에만 콘텐츠 보이게 하기

 

이미지의 위쪽이 메인 페이지 코드, 아래쪽이 포스팅 페이지의 코드입니다.

눈에 힘을 빡! 주고 살펴보면 `body`의 `id`가 서로 다른 걸 알 수 있죠.

메인 페이지는 `tt-body-index`이고 포스팅 페이지는 `tt-body-page`입니다.

 

조금의 코딩 지식이 있으신 분들은 여기서 감이 오실텐데 메인 페이지에서만 커스텀 코드를 보여주고 싶다면 HTML 코드를 넣은 뒤 CSS에서 `#tt-body-page .custom { display: none; }` 이런 식으로 넣으면 메인 페이지에서만 보이도록 설정할 수 있습니다.

 

반대의 경우도 마찬가지로 코드를 조금 수정하면 조절할 수 있겠죠?