워드프레스 사이드바 위젯 광고 모바일 감추는 방법

워드프레스를 설정하다 보면 PC 화면 기준으로 설정하고 모바일 접속 시 배열이 이상 할 경우 특히 사이드바 위젯 광고가 거슬릴 경우가 있습니다. 이런 문제 발생 시 아래 설정으로 사이드바 위젯 광고를 PC에서 볼 때는 표시되고 모바일에서 볼 때는 표시되지 않게 할 수 있습니다.

사이드바 위젯 광고 모바일 감추는 방법

설정 순서

우선 기준 테마는 Ocean theme 입니다. 사용 테마에 따라 다를 수 있습니다.

• 워드프레스 관리자 모드 접속
• 외모 > 사용자 정의하기 > Custom CSS/JS 클릭
• CSS 코드에 아래 함수 입력 후 저장
• 모바일에서 확인 시 사이드바 위젯 광고는 보이지 않음

적용 함수

(아래 함수를 복사하여 붙여 넣으세요)

@media (max-width: 767px) {
.widget-area.sidebar-primary { display: none; }
}

후속 조치

화면 사이즈에 따라 노출 여부를 결정하는 함수로 되지 않을 경우 767px 값을 조정해 볼 필요가 있습니다.