5 years, 6 months 전-
현재 모바일과 PC버전을 wp_is_mobile()을 이용하여 PC와 모바일을 나누고 있습니다.
예를 들면 테마 index.php
if(wp_is_mobile){
모바일 페이지에 보일 코드들…
}
else{
pc에 보여질 코드들…
}
여기서 질문! 모바일에서 pc버전보기 PC에서 모바일 버전 보기 기능을 추가하려고하는데.. 참 쉽지가 않네요.
버튼은 html로 만들고 자바스크립트 함수를 써서 wp_is_mobile 값을 바꾸거나 user_agent를 바꾸는 방법 등 시도해봤으나.. 잘 안되네요..
자바스크립트나 jQuery에서 wp_is_mobile() 함수를 컨트롤 할 수 있나요?
아니면 저와 같은 방식으로 PC와 모바일을 나누고 있다면
pc및 모바일 버전보기 기능을 구현하신분이나 구현할수있는 분 조언좀 부탁드립니다.ㅠㅠㅠ
“자바스크립트나 jQuery에서 wp_is_mobile() 함수를 컨트롤 할 수 있나요?”
wp_is_mobile() 은 php 함수고 자스(js) 는 front-end 언어 입니다. (물론 node.js 환경에서는 back-end 에서도 작동을 하죠)
서버에서 작동하는 php 함수를 front-end 에서 제어할 수 있는가? 불가능 하지는 않지만 상당히 복잡해집니다. php 는 DOM 을 manipulate 하지 않기 때문에 ajax 를 통해서 서버와 통신을 해서 json 을 받는식의 통신을 하거나 아니면 각 status 에 다른 url 을 부여한다지 하는 식으로 해야겠죠.
워드프레스 구조도 바꿔야 하고 로직도 상당히 복잡해 져서, 위 방법은 권하고 싶지 않습니다.
if mobile 이면 모바일 용 css, PC 면 pc 용 css 를 적용해라 라는 식으로 로직을 짜시는걸 권합니다. 그리고 이런 로직에서는 이걸 제어하는게 어렵지 않습니다. 그냥 on click 시 css 파일을 바꿔주면 (swap) 되니까요.
안녕하세요? 같은 문제로 고민을 거듭하면서 header.php에 여러가지 방법들로 다 수정을 진행해봤는데 대개는 먹통이 되는 현상이 발생했습니다.
그래서 플러그인 사용을 통해서 모바일기기를 감지한 뒤 특정 URL로 리다이렉션 해주는 방식을 선택해서 모바일 페이지를 작업했습니다
아직 세부 수정중이지만 http://바인.닷컴 PC / 모바일 접속하셔서 한번 상황에 맞는지 참고하시는게 좋겠네요
플러그인 명은 Moblie Redirect입니다.
아.. 그리고, 질문 내용과 관련해서… viewport 를 지정할 수 있는 meta 태그로 접근해보면 어떨까요?
별 관심 없는 내용이라 테스트는 안 해 봤는데, 아래 글을 참고하면 쉬울 것 같습니다. ^^;;
에고 에고…
몇달동안 밥먹고 살기 힘들어서 연락도 못드리고 지냈네요. 죄송 합니다. ㅠㅠㅠㅠ
하… 이제 쪼큼, 아주 쪼큼 여유가 생겼습니다. (와이프가 차도 새로 한대 뽑아야 한다고 바가지/잔소리를 좀해서 더 빡세게 일을 해야 했습니다. 차 새로 뽑아야 해서… 훔…) 확실히 웹개발 보다는 변호사로 일하는게 수익이 짭짤하네요. OTL
소개해주신 티스토리 글 내용은… 제가 봤을때 쓰잘데 없이 복잡하게 가는 길 + 매우 지저분한 코딩 입니다. ㅋㅋㅋㅋ
결국 meta 태그를 치환해서 보여지는 스타일을 바꾸고자 하는 시도인데, 제가 권유드린데로 그냥 css 를 바꿔주는게 가장 직접적이고 명확하고 깔끔한 방법이죠.
내가 운영중인 사이트 이름이 naver.com 이라서 SEO 에 신경쓰지 않아도 된다면 같은 컨텐츠를 두개의 url 에 중복해서 보여주는 만행(?)을 저질러도 됩니다. ㅎㅎㅎ
하지만 SEO 에 신경을 써야 하는 사이트라면, 절대 이런식으로
냉면이 넘어갑니까” 北 발언 파장…장관 해임안 제출 (모바일)
냉면이 넘어갑니까” 北 발언 파장…장관 해임안 제출 (PC)
같은 컨텐츠를 다른 url 에 중복 표시하지 말아야 합니다.
뭐, 그렇게 하실수도 있는데, SEO 를 포기하는 자살행위죠.
아, 그리고 SPA 시도하시는건 좋아 보이는데, (future proof 가 되니까) SPA 형태로 웹사이트 까지 구축했을때 어떤 SEO 적인 pitfall (예상치 못한 문제점) 이 발생하는지에 대해 회사에 사수분 하고 면밀하게 검토하고, 공부하고, 잘 생각해보시고 진행하세요.
사실 질문자 분이 지금 구축시도하는 앱, 제 딸아이 (올해 7학년, 한국으로 중1? 입니다.) 도 매우 흡사한 형태의 앱을 지금 공부삼아 짜고 있습니다. 제 딸은 파이썬으로 진행중 입니다. ㅎㅎㅎ 나중에 웹에 노출되는 부분은 저한테 도와달라고 할텐데, 이게 실제 상용 플젝이라면 저는 절대 SPA 로 안갑니다.
- 답변은 로그인 후 가능합니다.