Como adicionar conteúdos apenas na home diferenciando entre celular e desktop?

luismt · 03/11/2018

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. 🙂

Stron · 03/11/2018

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

Cicklow · 03/11/2018

1-

PHP:

<?php if(is_home()){ ?>TEXTO<?php } ?>

2-

PHP:

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

luismt · 04/11/2018

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 } ?>

Cicklow · 04/11/2018

luismt disse:
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 }
}
?>

luismt · 04/11/2018

cicklow disse:

Mil gracias cicklow, genio total! 🙂

Como adicionar conteúdos apenas na home diferenciando entre celular e desktop?

luismt

Stron

Cicklow

luismt

Cicklow

luismt

Tópicos similares