Web versión escritorio y móvil diferentes

[javieralbertoml8]

Buenos días, quisiera saber si es posible crear 2 sitios web diferentes, 1 para la versión escritorio y otro para la versión móvil.

El motivo es el siguiente, un cliente me contactó y él ya tiene un sitio web Wordpress con index.php; pero él quiere un nuevo sitio web HTML para la versión móvil, no desea adaptar el sitio Wordpress a móvil.

Así que yo le he diseñado un nuevo sitio Web en HTML, y es responsive, que se adapta a smartphones y tablets. El diseño ya fue aprobado.

Y la pregunta es, qué se puede hacer para que el sitio Wordpress sea cargado en PC o Mac, y la versión HTML sea cargada en Iphones, Android o Windows Phone.

Tengo acceso al Dashboard y al hosting, así que puedo editar los archivos .php.

Gracias de antemano, y buen día.

[AngelKrak]

un re-direccionamiento a Móvil?

Puedes hacerlo mediante PHP:

PHP Mobile Detect es de uso muy sencillo y incluye todos los dispositivos móviles actuales más significativos, a la vez que se actualiza con asiduidad con los nuevos dispositivos que surgen.

Solo tienes que descargar el archivo Mobile-Detect.php desde GitHub. Coloca el archivo en la carpeta que prefieras en tu servidor. Incluye este archivo en tu “script php” utilizando “require o include“, según tus necesidades y ya estás listo para detectar cualquier “smartphone o tablet”
https://github.com/serbanghita/Mobile-Detect

Código PHP:

<?php 
   include('Mobile_Detect.php');  // acuérdate de incluir la ruta correcta    
   
   $detect = new Mobile_Detect(); 
 
     if ($detect->isMobile()) { //cualquier dispositivo móvil 
     } 
     if ($detect->isTablet()) { //cualquier dispositivo tipo tableta 
     } 
?>
 

Con los métodos anteriores puedes detectar cualquier dispositivo móvil o tablet. Si necesitas además detectar de forma específica la plataforma o el tipo de dispositivo desde la que accede el usuario a tu sitio web y ver la lista de todos los dispositivos soportados, hecha un vistazo al archivo demo.php incluido en el “pack” que has descargado desde GitHub

Para finalizar vamos a ver el código que deberíamos incluir para redireccionar desde nuestro sitio web a nuestra versión de sitio web móvil, mediante la función “header” de PHP.

Código PHP:

<?php include('Mobile_Detect.php'); 
     $detect = new Mobile_Detect(); //redireccionar a versión móvil si nos visitan desde un móvil o tablet 
    if 
    ($detect->isMobile() || $detect->isTablet()) { 
       header("Location: http://pepfarinweb.com/mobile"); 
    } 
?>
 

INFO:
http://www.pepfarinblog.com/detectar...ionar-con-php/

o tambien puedes con este otro codigo PHP:

Código PHP:

<?php
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
if ($iphone || $android || $palmpre || $ipod || $berry == true)
{
header('Location:https://tuweb.wordpress.com/mobile'); //URL de la interfaz para movil
echo "<script>window.location='https://tuweb.wordpress.com/mobile'</script>"; //URL de la interfaz para movil
}
else
{
header('Location: https://carluys.wordpress.com/'); //URL original
echo "<script>window.location='https://carluys.wordpress.com'</script>"; //URL original
}
?>
 

o mediante JS puedes tambien ;)

Código Javascript:

var dispositivo = navigator.userAgent.toLowerCase();
      if( dispositivo.search(/iphone|ipod|ipad|android/) > -1 ){
      document.location = ‘http://www.pepfarinweb.com/mobile’;  }