Ocultar elementos HTML en plantilla php de WordPress

En esta sección veremos cómo ocultar y mostrar elementos HTML en una plantilla PHP personalizada de WordPress. Para hacerlo vamos a emplear una función de WordPress que devuelve un booleano:

Se emplea de la siguiente forma en una plantilla PHP con HTML:

Mostrar solo en dispositivos de escritorio:

<?php if(!wp_is_mobile()): ?>
    <div>
        Contenedor que se muestra en escritorio
    </div>
<?php endif; ?>

Mostrar solo en dispositivos móviles:

<?php if( wp_is_mobile() ): ?>
    <div>
        Contenedor que se muestra en mobile
    </div>
<?php endif; ?>

Compartir esta información