모바일 접속했을때 자동 리디렉션 PC - 스마트폰 서로 다른 페이지 나오게 하는 방법

안녕하세요. 오늘은 똑같은 주소로 PC로 접속했을때와 모바일로 접속했을때 서로 다른페이지로 이동이 되는 리디렉션 방법에 대해서 포스팅하려 합니다. 

사이트를 제작하다보면 반응형으로 간편하게 조절을 해도 되긴하지만, 아얘 틀을 다르게 하고 싶은경우도 있습니다. 모바일에 가장 친화적인 화면 구성으로 새롭게 페이지를 만들어서, 모바일에서는 A 페이지를, Pc에서는 B페이지를 보여주는것이죠.

 

 

 

 

워드프레스 리디렉션 플러그인 이용하기

 

워드프레스로 사이트를 만들 경우 플러그인을 이용해서 리디렉션을 보다 쉽게 구현할 수 있습니다. 코드를 사용해서 리디렉션을 활성화 해도 되지만 오류가 생길수도 있고, 또 검색엔진에서 좋지 않은 결과를 가져올수도 있다고 하네요.

간편하게 리디렉션할 수 있는 안정적인 플러그인이 있으니 쉽게쉽게 가봅시다!

 

 

---

 

 

(1) 플러그인설치 - Safe Redirection Manager

워드프레스 관리자 페이지 > 플러그인 > 새로 추가하기 검색으로 아래 플러그인을 검색해서 설치, 활성화를 시켜주세요. 그리고 따로 설정을 해야하는 부분은 없습니다. 이렇게 플러그인만 설치를 하면 원하는 페이지, 포스트를 리디렉션 할 수 있는 준비가 완료 되는것입니다.

 

 

 

(2) 페이지, 글 수정 - 링크 연결하기

이제 글 목록에서 원하는 페이지를 클릭해서 수정으로 들어갑니다. 혹은 새롭게 페이지를 작성하면 되겠죠? 제일 밑으로 쭉 내리면 아래처럼 Mobile Redirection URL을 적을 수 있는 칸이 생겼습니다.

 

저곳에 지금 만드는 이 페이지/포스트를 모바일로 들어왔을때 어떤 페이지로 연결할것인지 적어주면 되는것인데요.

만약 모바일에서 해당 페이지에 들어왔을때 구글로 연결되기 바란다면 아래처럼 구글 주소를 적어주면 됩니다 :) 미리 모바일 전용 페이지를 만들어 둔 후, 그 페이지 주소를 적어주면 되겠죠?

 

그럼 PC로 들어왔을때는 기존 페이지로 연결이 되고, 모바일로 들어오면 밑에 걸어둔 페이지로 이동이 되게됩니다. 아주 간단하게 모바일과 웹 페이지를 구분지어줄 수 있어요. 

 

 

PC 와 모바일 같은 주소로 들어와도, 서로 다른페이지를 보여주도록 하는 자동 리디렉션 방법!! 굉장히 쉽죠?! 워드프레스는 전세계에서 사용하고, 오래된 만큼 굉장히 다양한 플러그인들이 무료로 제공되고 있습니다.

 

설마 이런것도 있을까..? 하고 찾아보면 거진 다 있는 플러그인...! 다른 리디렉션 플러그인은 404에러를 대처하기 위한 플러그인이 많은데요. 모바일과 웹페이지 리디렉션을 위한 플러그인은 이게 가장 간단한것 같아요. 원하는 페이지 안에서 바로 설정을 할 수 있어서 관리도 굉장히 쉬우니, 모바일 페이지를 따로 구분지어놓고 싶으시다면 한번 이용해보세요!

 

워드프레스 홈페이지 제작시 이용할 수 있는 웹, 모바일 리디렉션 플러그인에 대해서 알아보았습니다 :)

 

 

 

 

2021.06.08 - [워프] - 워드프레스 페이지 / 포스트 글 복사 복제 한방에 하는 방법

워드프레스 페이지 / 포스트 글 복사 복제 한방에 하는 방법

 

2021.06.03 - [워프] - 카페24 호스팅 가비아 도메인 연결 - 네임서버 변경 방법

카페24 호스팅 가비아 도메인 연결 - 네임서버 변경 방법

 

 

2021.05.31 - [워프] - 워드프레스 날개 사이드 배너 넣는방법 플러그인

워드프레스 날개 사이드 배너 넣는방법 플러그인