Diseño adaptable para visualización en dispositivos móviles

Fizzer · 24 Dic 2013

Hola como estan!

espero que me ayuden... como sabran los post se ven por el archivo single.php

les pongo un ejemplo de lo que deseo hacer

header

-----------------
mi post <--- desde pc
-----------------

footer

esto es normalmente pero lo que quiero es que cuando entren desde un mobil

muestre mi contenido de otra forma que yo deseo

header

-----------------
otro codigo que yo pondre <--- mobil

-----------------

footer

Federico Piccoli · 24 Dic 2013

Ciao

Si vas a tener contenidos distintos, porque no abres un subdominio para móviles y redirijes automaticamente en funcion del user agent entrante?

Usuario eliminado 34503 · 24 Dic 2013

Fizzer dijo:
Hola como estan!

espero que me ayuden... como sabran los post se ven por el archivo single.php

les pongo un ejemplo de lo que deseo hacer

header

-----------------
mi post <--- desde pc
-----------------

footer

esto es normalmente pero lo que quiero es que cuando entren desde un mobil

muestre mi contenido de otra forma que yo deseo

header

-----------------
otro codigo que yo pondre <--- mobil

-----------------

footer

Yo iba a hacer algo parecido pero después de mucho leer llegue a la conclucion de que es mejor hacer tu web responsive. Es lo que estoy haciendo yo con mi web.

Mediante las Media Queries podes establecer distintas reglas css para tu web según el ancho de la pantalla que se este viendo. Podes ocultar elementos como la sidebar. En fin podes hacer lo que quieras. manteniendo el espiritu de tu theme por asi decirlo. Pero eso si ,lleva bastante trabajo porque tenes que hacer nuevas reglas css para las resoluciones elegidas. A prueba y error. E incluso también en ocaciones tendrás que modificar los divs para agregar la clases del nuevo CSS. Es mucho trabajo pero vale la pena el resultado.

Misael Alemán · 24 Dic 2013

Será que lo que realmente quieres es hacer responsive tu theme?

Fizzer · 24 Dic 2013

lo que quiero es mostrar vídeos flash en pc y html5 en mobile

Federico Piccoli · 25 Dic 2013

Ciao

sergiogeek dijo:
Yo iba a hacer algo parecido pero después de mucho leer llegue a la conclucion de que es mejor hacer tu web responsive. ....

Para mostrar el mismo contenido si, pero la solucion que estas planteando conlleva necesariamente reprogramar el php de wordpress y además plantea muchos interrogantes de dificil ejecucion, por ejemplo: como le explicas a wordpress que video tiene que buscar en la version movil?

ciberutilidades · 25 Dic 2013

Fizzer dijo:
lo que quiero es mostrar vídeos flash en pc y html5 en mobile

Esto es lo mismo que se hace con los juegos online para mobiles, lo unico que e podido hacer es detectar dispositivo y mostrarle el contenido html5 en vez del mobil, como sbras no todos los mobiles soportn flash 😕

Fizzer · 25 Dic 2013

y como hago eso amigo ? medas el codigo?

ciberutilidades dijo:
Esto es lo mismo que se hace con los juegos online para mobiles, lo unico que e podido hacer es detectar dispositivo y mostrarle el contenido html5 en vez del mobil, como sbras no todos los mobiles soportn flash 😕

ciberutilidades · 25 Dic 2013

Fizzer dijo:
y como hago eso amigo ? medas el codigo?

Esta es la mas completa por si quieres exclusivamente con mobiles, o con tablets Detectar dispositivos móviles con PHP | Codigo Geek

Federico Piccoli · 25 Dic 2013

Ciao

ciberutilidades dijo:
Esta es la mas completa por si quieres exclusivamente con mobiles, o con tablets Detectar dispositivos móviles con PHP | Codigo Geek

Efectivamente esto detecta si és un movil, y luego que?

Cicklow · 25 Dic 2013

Fizzer dijo:
Hola como estan!

usas Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets) y usas este code:

PHP:

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if( $detect->isMobile() && $detect->isTablet() ){
 echo 'aca contenido mobil';
}else{
 echo 'aca contenido PC';
}

Fizzer · 25 Dic 2013

ya baje el archivo Mobile-Detect-2.7.6.zip pero hay full archivos y carpetas!

cicklow dijo:
usas Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets) y usas este code:

PHP:

require_once 'Mobile_Detect.php'; $detect = new Mobile_Detect; if( $detect->isMobile() && $detect->isTablet() ){ echo 'aca contenido mobil'; }else{ echo 'aca contenido PC'; }

Federico Piccoli · 25 Dic 2013

Ciao

cicklow dijo:

usas ...

PHP:

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if( $detect->isMobile() && $detect->isTablet() ){
 echo 'aca contenido mobil';
}else{
 echo 'aca contenido PC';
}

Pero el editor de Wordpress no te lo borra cuando lo guardas?

ciberutilidades · 25 Dic 2013

Federico Piccoli dijo:
Ciao

Pero el editor de Wordpress no te lo borra cuando lo guardas?

Mejor seria editarlo desde el mismo archivo desde ftp o cpanel, con wordpress como dices se come algunos archivos y no los muestra, ademas me a pasado que me llena de muchos lineas en blanco entre lineas de codigo, derepente un problema de codificacion :star2:

Federico Piccoli · 25 Dic 2013

Ciao

Osea que tienes que modificar el php del theme cada vez...

Fizzer · 25 Dic 2013

el metodo que me distes funciona, ahora mi pregunta es como me leen los post los robots de google?

ciberutilidades dijo:
Esta es la mas completa por si quieres exclusivamente con mobiles, o con tablets Detectar dispositivos móviles con PHP | Codigo Geek

ciberutilidades · 25 Dic 2013

Fizzer dijo:
el metodo que me distes funciona, ahora mi pregunta es como me leen los post los robots de google?

Checalo en webmasters tools, hay un robot para la version movil y otra para la version normal

Cicklow · 25 Dic 2013

Federico Piccoli dijo:
Ciao

Pero el editor de Wordpress no te lo borra cuando lo guardas?

eso no lo podes meter en el editor de post... sino que tenes que editar single.php para eso...

Federico Piccoli · 25 Dic 2013

Ciao

cicklow dijo:
eso no lo podes meter en el editor de post... sino que tenes que editar single.php para eso...

Claro y entonces para cada pagina nueva tendra que editar sngle.php de nuevo

Cicklow · 25 Dic 2013

Federico Piccoli dijo:
Ciao

Claro y entonces para cada pagina nueva tendra que editar sngle.php de nuevo

single.php se edita una sola ves... lo que podes hacer es aprender a usar los campos personalizados, entonces metes lo que necesitas en cada post en esos campos y desde single.php los lees, y si es mobil lo mostras, sino no...

Diseño adaptable para visualización en dispositivos móviles

Fizzer

Federico Piccoli

Usuario eliminado 34503

Misael Alemán

Fizzer

Federico Piccoli

ciberutilidades

Fizzer

ciberutilidades

Federico Piccoli

Cicklow

Fizzer

Federico Piccoli

ciberutilidades

Federico Piccoli

Fizzer

ciberutilidades

Cicklow

Federico Piccoli

Cicklow

Temas similares