2013-10-10 3 views
5

Я пытаюсь найти решение для перенаправления одной страницы с моего сайта WordPress на мобильную версию (я не хочу перенаправлять всех мобильных пользователей на все мои страницы на другую страницу или тему, а всего лишь на одну страницу).Как перенаправить одну страницу для мобильных устройств?

Однако мне еще предстоит найти плагин, который может это сделать. В любом случае, я просто ищу простой способ переадресации мобильного устройства на мою единственную страницу, надеюсь, с помощью метода, который постоянно «обновляется» как DetectMobileBrowsers или WURFL.

Сделав некоторые исследования в Интернете, я пришел через некоторое PHP код, который может различать между различными страницами на сайте WordPress, таких как:

<?php if (is_page(1111)) {…….}; ?> 

Что я имею в виду делать ставит какой-то сценария мобильного перенаправления в этом PHP-коде, так что я достигаю своей цели только для того, чтобы перенаправление мобильных устройств происходило для одной страницы на моем веб-сайте.

Однако, я попытался поставить код (как PHP и Javascript) из detectmobilebrowsers.com в этот PHP код, и попытался положить его в обоих header.php и page.php не увенчались успехом (на самом деле , он в большинстве случаев разбивает мой сайт или просто не работает). Я собираюсь сделать это неправильно? Я использую неправильный код? Нужен ли мне плагин для этого?

---- UPDATE 2 ----

Моя следующая попытка кода:

add_action('template_redirect', 'redirect_so_19285382'); 

function redirect_so_19285382() 
{ 
    if (is_page(2766)) 
     return; 

    if(is_mobile_detectmobilebrowsers_com()) { wp_redirect(site_url('http://lifebyjohn.com/mobile-schedule')); exit(); } 
} 

function is_mobile_detectmobilebrowsers_com() 
{ 
    $useragent=$_SERVER['HTTP_USER_AGENT']; 
    return 
     preg_match( '/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm(os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i', $useragent) 
    || preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s)|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(|\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(|\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg(g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v)|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v)|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|)|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i', substr($useragent,0,4)); 
} 
+0

Обнаружение мобильного устройства в javascript - http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery Перенаправление на страницу с помощью javascript - http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript –

+0

Вы можете оставить символ 'if()' без '{}', если есть после него только одна команда. 'wp_redirect' и' exit' должны идти вместе, и вы их разделяете. В моем примере я использую 'if it NOT then return', после этого все выполняется. Правильно отступы вашего кода должны показывать такие ошибки. – brasofilo

+0

Я знаю, что ты убьешь меня и посмотришь на мою новичку-ношу, но это там, где ты можешь переписать мой код выше, введя введенные вами предложения? Кроме того, ставит код в функции.php жизнеспособной возможностью, а если нет, то где я должен это поставить? Огромное спасибо! – John

ответ

2

Нужен ли мне плагин для этого?

Да, мы always нужны плагины;)

Я использую Chriss Schuld's Browser Class обнаружить это на уровне PHP.
original и fork of mine предотвратить ссылку гниль

Тогда, это просто вопрос использования template_redirect крюк, чтобы проверить на нашей странице, понюхать агент браузера и перенаправлять, если это так:

<?php 
/** 
* Plugin Name: Redirect one page for mobile 
* Description: Redirect to Mobile Template Page. Adjust the hardcoded values. 
* Plugin URI: http://stackoverflow.com/q/19285382 
* Version:  1.0 
* Author:  brasofilo 
* License:  GPLv2 or later 
*/ 

# Download and put the file together with this plugin 
# https://raw.github.com/brasofilo/Browser.php/master/lib/Browser.php 
if(!class_exists('Browser')) 
    require_once('Browser.php'); 

add_action('template_redirect', 'redirect_so_19285382'); 

function redirect_so_19285382() 
{ 
    # Not our page, bail out 
    if(!is_page('about')) // <------- adjust 
     return; 

    # Not mobile, bail out 
    if(!browser_check_so_19285382('mobile')) 
     return; 

    # It is our page, redirect dude! 
    wp_redirect(site_url('about-mobile')); // <------- adjust 
    exit(); 
} 

# Browswer sniff, create as many cases as you need 
function browser_check_so_19285382($what = '') 
{ 
    $browser_check = new Browser(); 
    $browser_info = $browser_check->getBrowser(); 
    $browser_version = $browser_check->getVersion(); 

    switch($what) 
    { 
     case 'chrome': 
      if ($browser_info == Browser::BROWSER_CHROME) 
       return true; 
      else 
       return false; 
     break; 
     case 'ie': 
      if ($browser_info == Browser::BROWSER_IE) 
       return true; 
      else 
       return false; 
     break; 
     case 'mobile': 
      $check_this = array(// <------- adjust the array 
       Browser::BROWSER_NOKIA, 
       Browser::BROWSER_NOKIA_S60, 
       Browser::BROWSER_BLACKBERRY, 
       Browser::BROWSER_ANDROID, 
       Browser::BROWSER_IPAD, 
       Browser::BROWSER_IPOD, 
       Browser::BROWSER_IPHONE 
      ); 
      if(in_array($browser_info, $check_this)) 
       return true; 
      else 
       return false;   
     break; 
    } 
    return false; 
} 

Или с помощью detectmobilebrowsers.com «s решение, мы используем это в функции redirect_so_19285382:

if(is_mobile_detectmobilebrowsers_com()) 
{ 
    wp_redirect(site_url('about-mobile')); // <------- adjust 
    exit(); 
} 

И добавить свой метод:

function is_mobile_detectmobilebrowsers_com() 
{ 
    $useragent=$_SERVER['HTTP_USER_AGENT']; 
    return 
     preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm(os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i', $useragent) 
     || preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s)|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(|\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(|\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg(g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v)|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v)|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|)|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i', substr($useragent,0,4)); 
} 
+0

Это выглядит великолепно, я попробую! Однако есть ли возможность включить что-то вроде www.detectmobilebrowsers.com в ваше решение? Я просто хочу убедиться, что я использую способ перенаправления, который будет захватывать все мобильные устройства, а не только некоторые. Благодаря! – John

+0

Вы можете использовать любой класс обнаружения браузера, который вы хотите, и связать его вместе с 'template_redirect'. Вы должны проверить код класса, который я использую в качестве примера, чтобы увидеть все доступные параметры, их много. Но я тестировал функцию detectmobile и работал нормально, отвечаю на обновления. – brasofilo

+0

Смотрите мое обновление к моему оригинальному сообщению выше, спасибо! – John

1
<?php 
if (is_page(1111)) 
{ 
    echo " 
    <script> 
     window.onLoad = function() 
     { 
      if (typeof window.orientation !== 'undefined') 
      { 
       document.location='http://example.com'; 
      } 
     } 
    </script>"; 
} 
?> 

непроверенная. Источник: 2-й ответ: Detecting a mobile browser

0

Там есть также эта функция WordPress:

http://codex.wordpress.org/Function_Reference/wp_is_mobile

Я использовал его с простым, если заявление. Основные понятия одинаковы для решения, упомянутого выше.

+0

, пожалуйста, подумайте над тем, чтобы добавить решение к вашему ответу, вместо публикации ссылки. – benka

Смежные вопросы