코스모스팜 스레드

워드프레스 모바일 전용홈페이지

워드프레스는 반응형웹사이트 구축을 해서 용이한데

개인적으로 

모바일전용홈페이지를 제작하고싶은데

워드프레스로는 구현이 힘든가요?

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    워드프레스로 반응형 페이지도 가능하지만

    모바일 전용 페이지도 별도로 만드실 수 있습니다.

     

    우선, 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

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)