나는 사이트의 WordPress 테마를 만들었습니다. WordPress 테마 개발을 위해 Starker Theme를 사용했습니다. 이제 내 사이트를 모바일 친화적으로 만들고 싶습니다. 이 솔루션을 몇 가지 변경하거나 몇 가지 플러그인을 사용 하여이 목적을 위해 있습니까? wptouch, WordPress Mobile Pack 및 MobilePress를 시도했지만 작동하지 않습니다. http://mobiletest.me에서 내 출력을 확인했지만 정확한 모바일 출력 (출력은 내 PC 브라우저와 동일 함)을 표시하지 않습니다. 이 테스트 사이트 또는 플러그인에 문제가 있습니까? 이 모든 것이 나를 혼란스럽게 만든다.Wordpress에서 모바일 테마 개발
다른 해결책을 알려주십시오. 미리 감사드립니다.
사이트를 제대로 검사하지 않았을 수 있습니다. 당신이 당신의 HTML head 태그에 코드 줄이 있는지 확인합니다 :
<meta name="viewport" content="width=device-width, initial-scale=1">
을 코드 줄이 없으면, 장치는 페이지를 브라우저와 동일하게 표시됩니다.
저는 MobileTest.me의 개발자입니다. 몇 가지를 분명히 밝히고 싶습니다. 올바르게 알아 차렸기 때문에 mobiletest.me는 PC 브라우저 엔진을 사용하여 테스트 할 웹 사이트를 렌더링합니다. 이는 반응 형 웹 디자인을 테스트하는 도구로 만들어 졌기 때문에 의도적으로 설계된 것입니다. 모바일 장치는 일반적인 스마트 폰 해상도의 지표로 제공됩니다.
다른 테마를 데스크톱 브라우저에 보내고 다른 테마를 휴대 기기에 보내려면 아마도 mobile detector과 같은 WordPress 플러그인이 필요할 것입니다. 이 접근 방식의 문제점은 플러그인이 장치 브라우저를 올바르게 판별하지 못하면 PC 버전을 모바일 장치로 보낼 수 있다는 것입니다.
다른 접근 방식은 기기의 해상도에 따라 다른 CSS를 보내고 브라우저 감지에 의존하지 않는 responsive design입니다. 반응 형 방식을 선택하는 경우 this post을 사용하면 mobiletest.me를 사용하여 반응 형 웹 디자인 (이미지를 클릭 할 수 있음)을 확인하는 데 사용할 수있는 몇 가지 예를 확인할 수 있습니다.