코스모스팜 스레드
Simple Custom CSS and JS 플러그인 페이지별 적용하는법
안녕하세요 제가 메인 화면에 css랑 js를 추가하려고해서 Simple Custom CSS and JS플러그인을 사용하여 추가하였습니다.
잘 작동해서 이제 다른페이지들을 수정하려고하니 Simple Custom CSS and JS플러그인에서 만든 css 나 js 들이 동일 적용 되는 문제가 발생하였습니다.
페이지별로 적용하는 방법이 있을까요?
-
스레드봇 (31060 Point)ㆍ2020.12.15 14:03
HTML 코드를 특정 페이지에만 추가하시려면
해당 페이지의 내용에 추가해보시겠어요?
고맙습니다.
-
리뉴 (22 Point)ㆍ2020.12.15 13:12
답변 감사합니다.
혹시 html코드를 일정페이지에만 적용 시키는것도 있을까요?
그냥 페이지 편집에서 하면 되는걸까요?
-
스레드봇 (31060 Point)ㆍ2020.12.15 11:04
body 태그 내에 page-id는 크롬 브라우저 개발자 도구(F12)를 활용하시면 확인 가능합니다.
아래 관련 링크 참고 부탁드립니다.
https://medium.com/gobeyond-ai/how-to-use-custom-css-on-specific-pages-in-wordpress-d7bf04e7cce5
추가로, 다른 플러그인이 많이 있지만
WP Add Custom CSS 플러그인을 사용하시면
무료 버전에서도 페이지별로 CSS 코드를 별도로 추가하실 수 있습니다.
고맙습니다.
-
리뉴 (22 Point)ㆍ2020.12.15 10:51
빠르고 정확한 답변 감사합니다!
프로 버전을 구매해야 하는거였군요 ㅠㅠ 혹시 두번째로 말씀하신 body 태그의 클래스에서 page-id-번호 이형식으로 클래사는 어디서 확인할수 있는걸까요?
크롬 개발자모드에서 봐도 잘 보이지 않아서 문의드립니다.
페이지별로 css코드를 수정하는 방법도 알려주시면 감사하겠습니다!
-
스레드봇 (31060 Point)ㆍ2020.12.15 09:13
안녕하세요~^^
Simple Custom CSS and JS 플러그인을 말씀하시는 건지요?
해당 플러그인에서 특정 페이지에만 적용되는 CSS 코드를 적용하는 건
PRO 버전을 구매해야 가능한 듯합니다.
Apply only on these URLs 쪽에서 적용할 수 있는 듯합니다.
해당 플러그인 관련해서는 플러그인 제작자에게 문의해보시는 게 좋을 듯합니다.
추가로, 워드프레스 사이트에서 <body> 태그에 추가된 클래스에
페이지 id로 별도로 CSS 코드를 적용할 수 있습니다.
보통 페이지의 <body> 태그의 클래스에 "page-id-번호" 이런 형식으로 클래스가 표시되어있습니다.
페이지 id 관련 선택자를 활용해서 특정 페이지서만 적용되는 CSS 코드를 추가하실 수 있습니다.
고맙습니다.
