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

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

문제 개요

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

사이드바 위젯 광고 모바일 감추기

설정 순서

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

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

적용 함수

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

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

후속 조치

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

감사합니다.

[Summary]

Hide Sidebar Widget Ad from Mobile
The reference theme is Ocean theme. It may vary depending on your usage theme.

1. Accessing WordPress Manager Mode
2. Appearance > Customize > Custom CSS/JS
3. Enter the code in the CSS code field and save it
4. Sidebar widget ads not visible when checked on mobile

[CSS code] ↓↓↓↓↓↓↓↓↓↓↓↓

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

Best regards