Mostrar contenido según dispositivo: ¿Es factible?

luismt · 2 Mar 2016

Hola gente, ¿es posible indicar que cierto contenido no sea mostrado en movil? O bien, mostrar cierto contenido solo en PC por ejemplo?

Saludos!

Usuario eliminado 8086 · 2 Mar 2016

Hola,
Si, es posible. Se hace con la cabecera User Agent que envía el navegador, ahí tienes que detectar si es movil o pc.

En PHP tienes este script: Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets)

Saludos

Yuads · 2 Mar 2016

tambien con css se puede hacer que tales bloques se vea en el movil o en el pc.

luismt · 2 Mar 2016

Excelente gracias marcofbb, estoy leyendo en el sitio y veo que existen plugin para wordpress que utilizan ese script. Los voy a probar 🙂

marcofbb dijo:
Hola,
Si, es posible. Se hace con la cabecera User Agent que envía el navegador, ahí tienes que detectar si es movil o pc.

En PHP tienes este script: Mobile Detect - lightweight PHP class for detecting mobile devices (including tablets)

Saludos

- - - Actualizado - - -

Juniorcine dijo:
tambien con css se puede hacer que tales bloques se vea en el movil o en el pc.

Interesante, y eso como sería?

Yuads · 2 Mar 2016

luismt dijo:
Excelente gracias marcofbb, estoy leyendo en el sitio y veo que existen plugin para wordpress que utilizan ese script. Los voy a probar 🙂

- - - Actualizado - - -

Interesante, y eso como sería?

- - - Actualizado - - -

Interesante, y eso como sería?

ps esta bootstrap y si no tienes boostrap en tu css, creo que tendrias k copiar los css para hacer que cuando este en movil ese cuadro no se vea.

- - - Actualizado - - -

Responsive utilities Â· Bootstrap

Bootstrap Responsive utilities

hay te dejo 2 link para que sepas.

Usuario eliminado 8086 · 2 Mar 2016

Hola,
Lo que dice Junior, es que en vez de detectar el User Agent como digo yo. Es detectar la resolución de la pantalla, pero esto tiene un problema, si vos minimizas el navegador simulando ser un móvil (Lo haces un cuadradito chiquito) el CSS lo tomará como "movil" en este caso. En cambio con el User Agent no

saludos

rayden · 2 Mar 2016

luismt

mas sencillo es:

<?php
if ( wp_is_mobile() ) {
/* aqui colocas lo que quieres que se vea en moviles */
}else {

/* aqui colocas lo que quieres que se vea en PC */

}?>

luismt · 2 Mar 2016

marcofbb dijo:
Hola,
Lo que dice Junior, es que en vez de detectar el User Agent como digo yo. Es detectar la resolución de la pantalla, pero esto tiene un problema, si vos minimizas el navegador simulando ser un móvil (Lo haces un cuadradito chiquito) el CSS lo tomará como "movil" en este caso. En cambio con el User Agent no

saludos

Excelente, gracias a los dos 🙂

- - - Actualizado - - -

rayden dijo:
luismt

mas sencillo es:

<?php
if ( wp_is_mobile() ) {
/* aqui colocas lo que quieres que se vea en moviles */
}else {

/* aqui colocas lo que quieres que se vea en PC */

}?>

Gracias [MENTION=9070]rayden[/MENTION], se podra utilizar esa función negando? Osea, "no es movil", mostrando solo en PC u ordenadores.
Excluir ese contenido en movil.

rayden · 2 Mar 2016

luismt dijo:
Gracias Enlace eliminado, se podra utilizar esa función negando? Osea, "no es movil", mostrando solo en PC u ordenadores.
Excluir ese contenido en movil.

<?php
if ( wp_is_mobile() ) {
/* aqui no colocas nada */

}else {

/* aqui muestras el contenido */
<?php the_content(); ?>

}?>

kanikase · 2 Mar 2016

luismt dijo:
Excelente, gracias a los dos 🙂

- - - Actualizado - - -

Gracias [MENTION=9070]rayden[/MENTION], se podra utilizar esa función negando? Osea, "no es movil", mostrando solo en PC u ordenadores.
Excluir ese contenido en movil.

Así:

<?php
if (!wp_is_mobile()) {
Aquí todo
}
?>

Enviado desde mi XT1058 mediante Tapatalk

ito89 · 2 Mar 2016

Por si sirve de algo, en CSS sería con los Media Query:

<style> [MENTION=16931]medi[/MENTION]a (max-width: 974px) {
#divaocultar { display: none; }
}
</style>

Cicklow · 2 Mar 2016

luismt dijo:
Excelente gracias marcofbb, estoy leyendo en el sitio y veo que existen plugin para wordpress que utilizan ese script. Los voy a probar 🙂

- - - Actualizado - - -

Interesante, y eso como sería?

no es necesario usar nada externo... WP tiene una funcion propia: wp_is_mobile entonces solo agregas en tu theme
solo mobil:

PHP:

<?php
if(wp_is_mobile()){
echo 'aca contenido solo mobil';
}
?>

o solo pc

PHP:

<?php
if(!wp_is_mobile()){
echo 'aca contenido solo pc';
}
?>

o uno u otro

PHP:

<?php
if(wp_is_mobile()){
echo 'aca contenido solo mobil';
}else{
echo 'aca contenido pc';
}
?>

y listo

luismt · 3 Mar 2016

cicklow dijo:
no es necesario usar nada externo... WP tiene una funcion propia: wp_is_mobile entonces solo agregas en tu theme

Muchas gracias, funciona perfecto. 🙂

misterlopez · 21 Mar 2019

Hace tiempo me sonaba que vi este hilo por forobeta y lo encontré, justo necesitaba esto gracias!

Linton · 21 Mar 2019

Si maquetas con Elementor tienes la opción de mostrar o no en tablet y/o móvil cada contenido que agregas.

danelo616 · 29 Mar 2019

También puedes usar el maquetador de Divi y con 1 click elegir cuando y donde sea visible.

Mostrar contenido según dispositivo: ¿Es factible?

luismt

Usuario eliminado 8086

Yuads

luismt

Yuads

Usuario eliminado 8086

rayden

luismt

rayden

kanikase

ito89

Cicklow

luismt

misterlopez

Linton

danelo616

Temas similares