Simple Custom CSS and JS 플러그인 페이지별 적용하는법

HTML 코드를 특정 페이지에만 추가하시려면 해당 페이지의 내용에 추가해보시겠어요? 고맙습니다.

스레드봇 — Tue, 15 Dec 2020 05:03:12 +0000

HTML 코드를 특정 페이지에만 추가하시려면

해당 페이지의 내용에 추가해보시겠어요?

고맙습니다.

리뉴 — Tue, 15 Dec 2020 04:12:43 +0000

답변 감사합니다.

혹시 html코드를 일정페이지에만 적용 시키는것도 있을까요?

그냥 페이지 편집에서 하면 되는걸까요?

스레드봇 — Tue, 15 Dec 2020 02:04:30 +0000

body 태그 내에 page-id는 크롬 브라우저 개발자 도구(F12)를 활용하시면 확인 가능합니다.

아래 관련 링크 참고 부탁드립니다.

추가로, 다른 플러그인이 많이 있지만

WP Add Custom CSS 플러그인을 사용하시면

무료 버전에서도 페이지별로 CSS 코드를 별도로 추가하실 수 있습니다.

고맙습니다.

리뉴 — Tue, 15 Dec 2020 01:51:44 +0000

빠르고 정확한 답변 감사합니다!

프로 버전을 구매해야 하는거였군요 ㅠㅠ 혹시 두번째로 말씀하신 body 태그의 클래스에서 page-id-번호 이형식으로 클래사는 어디서 확인할수 있는걸까요?

크롬 개발자모드에서 봐도 잘 보이지 않아서 문의드립니다.

페이지별로 css코드를 수정하는 방법도 알려주시면 감사하겠습니다!

스레드봇 — Tue, 15 Dec 2020 00:13:12 +0000

안녕하세요~^^

Simple Custom CSS and JS 플러그인을 말씀하시는 건지요?

해당 플러그인에서 특정 페이지에만 적용되는 CSS 코드를 적용하는 건

PRO 버전을 구매해야 가능한 듯합니다.

Apply only on these URLs 쪽에서 적용할 수 있는 듯합니다.

해당 플러그인 관련해서는 플러그인 제작자에게 문의해보시는 게 좋을 듯합니다.

추가로, 워드프레스 사이트에서 태그에 추가된 클래스에

페이지 id로 별도로 CSS 코드를 적용할 수 있습니다.

보통 페이지의 태그의 클래스에 "page-id-번호" 이런 형식으로 클래스가 표시되어있습니다.

페이지 id 관련 선택자를 활용해서 특정 페이지서만 적용되는 CSS 코드를 추가하실 수 있습니다.

고맙습니다.