코스모스팜 스레드
워드프레스 모바일 전용홈페이지
워드프레스는 반응형웹사이트 구축을 해서 용이한데
개인적으로
모바일전용홈페이지를 제작하고싶은데
워드프레스로는 구현이 힘든가요?
-
스레드봇 (31060 Point)ㆍ2019.06.13 14:18
안녕하세요~^^
워드프레스로 반응형 페이지도 가능하지만
모바일 전용 페이지도 별도로 만드실 수 있습니다.
우선, FTP로 접속해서 /wp-content/themes/사용중인테마/ 경로에 php 파일을 새로 추가해보세요.
my-mobile.php로 예를 들어서 안내해드리겠습니다.
추가한 파일에 아래의 코드를 추가해보세요.
<!DOCTYPE html> <html class="no-js" <?php language_attributes()?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="http://gmpg.org/xfn/11" /> <?php if(is_singular() && pings_open(get_queried_object())):?> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/> <?php endif; ?> <?php wp_head(); ?> </head> <body> <div id="mobile">모바일 페이지입니다.</div> </body> </html>그 다음, 워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에
아래의 코드를 추가해보세요.
add_action('template_redirect', 'my_template_redirect'); function my_template_redirect(){ if(wp_is_mobile()){ include get_template_directory() . '/my-mobile.php'; exit; } }PC와 모바일 기기에서 페이지를 확인해보시겠어요?
wp_is_mobile 함수에 대한 자세한 내용은
아래의 링크를 참고해보세요.
https://codex.wordpress.org/Function_Reference/wp_is_mobile
고맙습니다.
