[IT관리자]

PC와 모바일 문제가 계속됩니다.

WP-Rocket 비활성화 해봐도 문제가 고쳐지지 않네요

​

모바일과 엘리멘토 문제는 테마 플러그인 4개 비활성화하니까 작동합니다

플러그인 문제인 것 같은데 플러그인 종료하면 모바일에서 글이 또 안보입니다.

​

어제 간략한 포스팅을 해봤어요 CSS 조정도 했고요

근데 PC와 모바일 적용된 모습이 다릅니다.ㅠㅠ

​

타이틀 H2 적용이 안먹고 포스트 정렬도 안먹어요

​

PC화면이고

​

모바일 화면입니다.

​

​

출처: https://cafe.naver.com/wphomepage/18634

게시글

[IT관리자]

다음 글을 참고해보시기 바랍니다.

워드프레스 모바일과 PC 레이아웃 다르게 만드는 방법

모바일 스타일이 CSS로도 먹히지 않는다면
1. AMP를 활성화하고 있다면 AMP를 제거해보시기 바랍니다.
2. 모바일에 대한 다른 CSS 스타일이 적용되고 있는지 않은지도 체크해보세요.

모바일에 대해서는 CSS 미디어 쿼리를 사용하여 화면 해상도에 따라 다른 스타일 적용이 가능합니다.

CSS가 먹히지 않으면 끝에 !important를 추가해보세요.

예:
font-size: 30px !important;

CSS로 조정을 시도하는 경우 기본적인 CSS를 익히시면 도움이 될 것입니다.

워드프레스에 CSS를 적용하는 방법[기초]

 

※ AMP를 사용하는 경우 커스텀 CSS 코드가 작동하지 않을 수 있습니다. AMP에서 커스텀 CSS를 적용하는 방법을 AMP 플러그인 매뉴얼을 확인하여 커스텀 CSS를 추가하시기 바랍니다.

※ AMP는 구글 검색에서 어드밴티지가 있다고 해서 한 때 많이 사용되었지만, 몇 년 전부터 AMP가 그다지 효과가 없는 것으로 평가되고 있는 것 같습니다. 이 때문에 AMP를 적용했다가 제거하는 사이트들이 많습니다. 제 블로그에도 AMP를 적용했다가 제거했습니다.

※ 뉴스페이퍼 등 일부 테마에서는 자체 플러그인이나 기능을 사용하여 AMP 기능을 제공하기도 합니다.

[글쓴이]

답변