라이브러리 브랜드

Korean English Japanese

특정 페이지 및 카테고리의 HTML 구조를 변환하기 (IF조건문)

공유하기
반응형
if ( window.location.pathname == '/category/Protect' ) { document.write( '<style>span.excerpt {display:none !important;}</style>' ); }

특정 페이지 HTML 구조변경

해당 내용은 코코소프트의 내용을 참고하여 응용하였습니다. 위 방법으로 간단하게 특정 카테고리나 특정 페이지의 Document를 수정하거나 새롭게 작성할 수 있습니다. 저의 경우, 보호 글 카테고리(자료보관용)를 생성하게 되면서 본문에 작성되는 내용이 없기 때문에 게시글의 레이아웃이 변형되거나 오류가 생기는 부분이 발생했습니다.

게시글의 2문단 내지 3 문단 정도를 일정하게 작성하면 문제가 발생하지는 않지만, 자료보관용이기 때문에 별도의 글을 작성할 필요도 없고, 단순히 자료보관만 하면 되기 때문입니다.

따라서, 보호되어 있는 글이라는 요약 설명 부분이 굳이 나오지 않아도 될 거라는 생각이 들었습니다. 로그인이 된 계정에서는 본문 내용이 모두 보이기는 하지만, 그래도 비슷한 내용이기 때문입니다. 사실 이렇게 깔끔하게 보일 수 있으면 상관이 없는데, 저에게는 요약 설명 내용이 모두 나오기도 하고 요약 설명의 높이가 맞지 않으니 레이아웃이 깨져 보입니다. 두 가지 방법이 있는데, 보호 글 카테고리의 요약 설명을 아예 숨기거나 혹은 저에게도 똑같이 보호되어 있는 글로 뜨게 하는 방법입니다.

어차피, 자료롤 보관하기 위한 용도라면 보호되어 있는 글입니다. 라는 문구가 뜨게 하는 것도 좋지만, 작업이 복잡해질 것 같아 간단하게 해당 카테고리의 클래스를 변경해줍니다. 위의 스크립트를 통해서 보호 글 카테고리의 구조를 변경했습니다. 이와 같은 방법으로 다른 페이지에만 특별히 구조를 변경하거나 추가할 수 있습니다. 위와 같이 전체에 적용이 되는 CSS 같은 경우에는 별도의 블록을 추가해줘야 하는데, 그렇게 되면 전체의 구조를 바꾸게 되는 등 일이 커지기 때문에 위와 같이 간단하게 바꾸는 방법을 사용할 수 있습니다.

반응형
댓글 0
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.