티스토리 뷰

반응형


   최근 배포되는 워드프레스 테마의 대부분은 반응형 테마 입니다. 모바일 친화 플러그인을 설치하거나 html, css 등의 설정을 따로 해줄 필요가 없기 때문에 인기가 많은데요, 다만 한가지 문제점이 있습니다. 넓은 화면의 데스크톱 화면에서는 구성이 맞던 위젯이 모바일 기기로 보게되면 터무니 없는 위치에 있거나 크기가 비정상으로 커져 가독성에 안좋은 영향을 미치는 것입니다.

워드프레스 위젯 모바일에서 숨기는 법


  이에 맞춰 데스크톱과 모바일 기기 각각 따로 설정 할 수 있는 모바일 친화 위젯이 나오고 있지만, 아직 모든 위젯이 이 기능을 갖추고 있진 않습니다. 하지만 'ZigWidgetClass'와 몇가지 소스만 있으면 수동으로 모바일에서 위젯이 나타나지 않도록 설정할 수 있습니다.




ZigWidget 플러그인


1. " 플러그인 - 플러그인 추가 " 에서 ' ZigWidgetClass ' 플러그인을 검색해 다운받고, 활성화 시킵니다.


모바일에서 위젯 숨기기


2. " 외모 - css 수정 " 에 들어가 아래 첨부된 코드를 삽입하고, 변경된 CSS 스타일 시트를 저장합니다.

(" 외모 " 탭에 CSS 수정 이 없을 경우 테마 옵션 등에서 수정할 수 있습니다.)


모바일에서 위젯 숨기기 css.txt

워드프레스 최적화모바일에서 위젯 숨기는 법


3. " 외모 - 위젯 " 에 들어가 모바일에서 숨기고 싶은 위젯을 선택하고, 펼쳐진 위젯 창의

CSS Classes 칸에 hide_on_mobile 이라는 클래스를 추가해주고 저장 합니다.

#워드프레스플러그인 #워드프레스최적화 #워드프레스위젯숨기기 #모바일에서위젯숨기기 #워드프레스모바일최적화 #워드프레스모바일위젯

반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함