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:

wp_is_mobile()

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

Recursos para Desarrolladores WordPress (Plugins, Shortcodes, Hooks y API REST)

Lleva el código de tu WordPress al siguiente nivel con nuestras guías de arquitectura y el perfil oficial @crleguizamon en WordPress.org:

Sobre el autor — Cristian Leguizamón (@crleguizamon): Desarrollador Full-Stack especializado en WordPress, WooCommerce, IA y Automatizaciones con más de 9 años de experiencia y 6 plugins publicados en el directorio oficial de WordPress.org.

¿Buscas plugins de cobro recurrente o desarrollo a medida? Explora nuestro Catálogo de Plugins para WooCommerce y WordPress o solicita soporte en DevCristian.com.

¿Necesitas una funcionalidad que no existe en WordPress?

Desarrollamos plugins, integraciones y funcionalidades personalizadas para que tu sitio o tienda WooCommerce haga exactamente lo que tu negocio necesita, con código seguro, compatible y preparado para crecer.

Desarrolla tu solución a medida

Compartir esta información