Design responsivo para visualização em dispositivos móveis

Fizzer · 24/12/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/12/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/12/2013

Fizzer disse:
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/12/2013

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

Fizzer · 24/12/2013

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

Federico Piccoli · 25/12/2013

Ciao

sergiogeek disse:
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/12/2013

Fizzer disse:
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/12/2013

y como hago eso amigo ? medas el codigo?

ciberutilidades disse:
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/12/2013

Fizzer disse:
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/12/2013

Ciao

ciberutilidades disse:
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/12/2013

Fizzer disse:
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/12/2013

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

cicklow disse:
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/12/2013

Ciao

cicklow disse:

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/12/2013

Federico Piccoli disse:
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/12/2013

Ciao

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

Fizzer · 25/12/2013

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

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

ciberutilidades · 25/12/2013

Fizzer disse:
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/12/2013

Federico Piccoli disse:
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/12/2013

Ciao

cicklow disse:
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/12/2013

Federico Piccoli disse:
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...

Design responsivo para visualização em dispositivos móveis

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

Tópicos similares