[워드프레스] 모바일 기기일 경우 모바일 버전용 페이지로 이동시키기

[워드프레스] 모바일 기기일 경우 모바일 버전용 페이지로 이동시키기

요즘 나오는 대부분의 워드프레스 테마는 반응형으로 나오기 때문에 모바일 기기와 태블릿 기기를 위해 별도의 작업을 해 줄 필요가 없습니다. 모바일 기기에 대한 레이아웃을 변경하려면 CSS의 미디어 쿼리 기능을 사용할 수 있습니다. header.php 파일에 코드 추가하기 또 다른 방법으로, 모바일 기기용으로 별도의 페이지를 만들어 PC와 모바일 기기에 대하여 별도의 페이지로 이동시키고 싶은 경우가 있을 수 있습니다. 이 경우 사용할 수 있는 워드프레스 내장 함수가...
[워드프레스] 모바일 버전 레이아웃 조정하기

[워드프레스] 모바일 버전 레이아웃 조정하기

요즘 나오는 대부분의 워드프레스 테마는 반응형(Responsive)으로서 별도의 수정 없이 모바일 기기에서도 최적화되어 나오는 경우가 많습니다. 모바일 버전에서의 레이아웃을 조정하기를 원하는 경우 CSS의 미디어쿼리(Media Query)를 사용하여 제어할 수 있습니다. 예를 들어, 화면(브라우저 창) 크기가 500px보다 작을 때 배경색을 바꾸고 싶다면 다음과 같은 CSS 코드를 사용할 수 있습니다. // Only applies to mobile device...