En muchas ocasiones es necesario mostrar contenido solo a los usuarios que visitan tu sitio desde un dispositivo móvil, por ejemplo, promociones, mensajes personalizados o instrucciones específicas.
Con este tutorial aprenderás cómo crear un shortcode que te permite incluir fácilmente contenido exclusivo para móviles en cualquier página, entrada o widget de WordPress, sin necesidad de conocimientos avanzados de programación.
Solo tienes que copiar el siguiente código e insertarlo en el archivo functions.php del tema activo de tu sitio web (preferiblemente en un Child Theme, para que no pierdas los cambios cuando actualices el tema).
// Crear un shortcode para mostrar contenido solo en dispositivos móviles
add_shortcode('mobileonly', 'wp_mobile_only');
function wp_mobile_only($atts, $content = null) {
if (wp_is_mobile()) {
ob_start();
echo wpautop(do_shortcode($content));
return ob_get_clean();
}
return '';
}Cómo insertar el shortcode en tus contenidos
Simplemente añade este shortcode en el editor de WordPress donde desees que aparezca el contenido visible solo en móviles:
[mobileonly]Este contenido se mostrará únicamente en dispositivos móviles.[/mobileonly]