¿Cómo agregar contenidos solo en el home diferenciando entre movil y escritorio?

  • Autor Autor luismt
  • Fecha de inicio Fecha de inicio
luismt

luismt

Delta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas gente, los consulto por una duda: ¿Cómo se agrega contenido solo en el home? ¿Es posible especificar si se trata de mobile o escritorio? Les dejo dos ejemplos:

PHP:
Mostrar este contenido solo en el home

PHP:
Si es movil muestra esto, de lo contrario muestra esto otro

Desde ya agradesco la ayuda. 🙂
 
Intenta con esto:

PHP:
<?php if ((is_home())  { ?>
<div class="mitexto">Texto</div>
<?php } ?>

Ahora para detectar si esta en móvil, puedes hacer uso de media queries con css y ocultar o mostrar los elementos cuando la pantalla llegue a x resolucion.
HTML:
/// compruebas si la resolucion es menor 600px o la que definas, y ocultas o muestras.
.mitexto{
        display:block;
    }
// no pongo el arroba por que el foro me lo detecta como mención 
(arroba)media only screen and (max-width: 600px) {
    .mitexto{
        display:none;
    }
}


Si deseas hacer uso de php para detectar movl lee esto:
Detectar correctamente dispositivos moviles en WordPress

// Aqui referencias para lo del home y el css:
Responsive Web Design Media Queries
Mostrar algo solo en el home de Wordpress - Blog de Misael Aleman
 
Última edición:
1-
PHP:
<?php if(is_home()){ ?>TEXTO<?php } ?>
2-
PHP:
<?php if(wp_is_mobile()){ ?>contenido solo mobil<?php }else{ ?>contenido pc<?php { ?>
 
Muchísimas gracias a los dos! muy completo. 🙂 ¿Estaría mal si hago esto?

PHP:
<?php if(is_home()){ ?>
<?php if(wp_is_mobile()){ ?>
contenido solo mobil
<?php }else{ ?>
contenido pc
<?php { ?>
<?php } ?>
 
Muchísimas gracias a los dos! muy completo. 🙂 ¿Estaría mal si hago esto?

PHP:
<?php if(is_home()){ ?>
<?php if(wp_is_mobile()){ ?>
contenido solo mobil
<?php }else{ ?>
contenido pc
<?php { ?>
<?php } ?>

PHP:
<?php
if(is_home()){
	if(wp_is_mobile()){ ?>
		contenido solo mobil
	<?php }else{ ?>
		contenido pc
	<?php }
}
?>
 
Atrás
Arriba