워드프레스 특정 영역 애드센스 광고 제외방법

이전 글에서 애드센스를 사용해
특정 영역에 광고가 뜨지 않도록 처리했는데
애드센스로 처리가 안되는지
여전히 가독성이 떨어지는 광고가 나오는 것이 보이는데

해당 영역에서
광고가 나오지 않도록 조치를 취해 보자

먼저 크롬을 키고 F12를 누른 뒤
왼쪽 상단에 버튼을 누르고
광고 영역을 누른 뒤 위로 타고 올라가보면

광고부터 관련 글까지
전체 영역이 잡히는 부분이 보이는데
해당 부분에서 class를 찾아줘야 한다
위 이미지 상으로는 hb-related-posts가 되겠다

다음은 워드프레스 관리 메뉴에서
Appearance -> Customize 로 들어온 후

Additional CSS를 눌러주자

.찾은_class명 .google-auto-placed {
   display: none !important;
}

이제 위 코드를 복사한 후
찾은_class명 부분을
아까 찾은 class명으로 바꿔서 넣어준 뒤
Publish를 눌러주면

드디어 Related Post 영역에
광고가 노출되지 않는 것이 보인다