Mostrar conteúdo segundo dispositivo: É viável?

luismt · 02/03/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 · 02/03/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 · 02/03/2016

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

luismt · 02/03/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 disse:
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 disse:
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 · 02/03/2016

luismt disse:
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 · 02/03/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 · 02/03/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 · 02/03/2016

marcofbb disse:
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 disse:
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 · 02/03/2016

luismt disse:
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 · 02/03/2016

luismt disse:
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 · 02/03/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 · 02/03/2016

luismt disse:
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 · 03/03/2016

cicklow disse:
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/03/2019

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

Linton · 21/03/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/03/2019

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

Mostrar conteúdo segundo dispositivo: É viável?

luismt

Usuario eliminado 8086

Yuads

luismt

Yuads

Usuario eliminado 8086

rayden

luismt

rayden

kanikase

ito89

Cicklow

luismt

misterlopez

Linton

danelo616

Tópicos similares