¿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
Verificado por Whatsapp
¡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