본문 바로가기

IT 리뷰/블로그 SEO

워드프레스 사이드바 위젯 모바일 숨기기 설정

반응형

워드프레스 사이드바 위젯 모바일 숨기기 설정

워드프레스를 이용해 넓은 화면의 컴퓨터 접속환경에서는 사이드 바를 이용하는것도 화면을 용이하게 사용하는데에는 장점이 될 수 있습니다.

 

하지만 모바일에서 이러한 사이드바가 옆에 나타나거나 위 아래 등에서 배열이 된다면 가독성이 나빠질 수 있습니다.

특히 저같은 경우는 핸드폰 "모바일 앱"으로 접속시 길다란 사이드바 상단에 나타나는 상황이라 포스팅 내용을 보기전에 화면을 길게 내려야 하기 때문에 이탈률 동안 매우 높아질수 밖에 없는데요

 

워드프레스 사이드바 위젯 모바일 숨기기 설정

그렇기 때문에 사이드바를 숨기게하는 플러그인을 이용해 pc나 모바일에 접속시 보이지 않게 설정을 하느방법에 대해 알아보겠습니다.

WP - Widget Logic 위젯 로직

Wordpress : Widget Logic Plugin

워드프레스 플러그인에서 Widget Logic 이라는 플러그인을 설치합니다.

다음 워드프레스 테마디자인 -> 위젯으로 들어갑니다.

그럼 위젯 설정부분 밑에마다 위젯로직이 있는것을 볼 수 있습니다.

그리고 각각 모바일이나 pc에서 보이게 하고 싶다면 아래에 명령어를 입력해 주고 저장합니다.

  • wp_is_mobile() : 모바일에서만 출력
  • !wp_is_mobile() : 입력 PC에서만 출력

그럼 해당 사이드바 위젯은 해당 뷰에서만 나오게 됩니다

워드프레스 참고포스팅

[IT 리뷰/블로그 SEO] - 워드프레스 표 만들기 표 짤림 해결방법

[IT 리뷰/블로그 SEO] - 워드프레스 관리자 주소 백엔드 WP-Admin 변경 방법

[IT 리뷰/블로그 SEO] - 워드프레스 목차 TOC 플러그인 Easy Table of Contents

[IT 리뷰/블로그 SEO] - 티스토리 본문 글씨 폰트크기 및 링크 색상 변경

반응형