¿Cómo cambio mi nombre visible en WordPress?

Hoy quiero compartir contigo una de esas cosas, aparentemente básicas, que llevan por el camino de la amargura a muchos usuarios, y es cómo cambiar el nombre visible.

Visible ¿dónde?

Exacto, ¿dónde es visible tu nombre en un sitio WordPress?

Pues en bastantes ubicaciones, y siempre que seas un usuario registrado en el sitio, da igual el perfil que tengas en el mismo.

Si eres autor de contenidos vas a verlo normalmente en los datos meta de cada entrada y página que publiques con tu usuario:

Y también en los comentarios que dejes en cualquier entrada de la web:

Lo que ves en ambos sitios es lo que se conoce como «nombre visible» en WordPress.

¿Dónde tengo que ir para poder cambiar mi nombre visible en WordPress?

Bueno, pues lo primero es que debes tener un usuario registrado, ya sea suscriptor o administrador, da igual los permisos que tengas, siempre podrás acceder a tu perfil y modificarlo.

Y siempre tienes al menos 2 maneras de acceder a tu perfil de usuario en el sitio.

Menú de usuarios

En la administración de WordPress sí, solo tienes que acceder al menú

Usuarios > Tu perfil

para acceder al perfil de tu usuario en el sitio y poder cambiar tu información.

Barra superior de administración

Y, además, siempre tendrás acceso a la edición de tu perfil en la barra superior de administración, da igual si estás en el escritorio de WordPress o en la web visible.

WordPress siempre te saluda, y haciendo clic en tu nombre encontrarás un enlace para editar tu perfil de usuario.

Ya he llegado ¿dónde lo cambio? ¡no lo veo!

Si está ahí mismo, mira…

Tienes una sección llamada «Mostrar este nombre públicamente» y a su derecha un desplegable que, al seleccionarlo, te permite elegir el nombre a mostrar.

¡Pero si no sale nada ahí!

Pues sí, en principio es posible que en el desplegable no tengas más opciones entre las que elegir que el nombre visible actual.

Esto es debido a que, por defecto, en WordPress tu nombre de usuario, alias y nombre visible son el mismo, y de hecho no tendrás más opciones entre las que elegir mientras no personalices algo la información de tu nombre:

  • Nombre
  • Apellidos
  • Alias

¡Mira qué fácil es!

Una vez cambies o añadas algo de esta información ya tendrás más variables de nombre visible entre las que elegir, que serán una combinación de tu nombre, apellidos y alias.

Una vez elijas un nombre público (visible) distinto, guarda los cambios y se reflejarán automáticamente en la información meta de tus entradas.

No se cambiará en el nombre de los comentarios que ya hubieses publicado antes, porque esa información se guarda como campo de texto, pero sí en los próximos comentarios que hagas.


Como habrás visto en realidad era muy sencillo, solo había que investigar un poco en tu perfil de usuario.

Espero haber desentrañado este misterio. A partir de ahora tus contribuciones serán más personales, más a tu gusto ¿verdad?

La entrada ¿Cómo cambio mi nombre visible en WordPress? la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Cómo desactivar variaciones agotadas en WooCommerce

Si ya aprendiste cómo ocultar los productos agotados en WooCommerce llevas camino adelantado, pero no siempre es la mejor opción. De hecho no lo es.

Por estrategia, hay situaciones en las que querrás mostrar las variaciones de que dispones pero claro, no hay nada más frustrante que, como cliente, hagas clic en una variación de un producto para descubrir que no hay stock, que esta variación está agotada.

Es uno de los múltiples motivos que generan abandono de carrito, el mayor mal de las tiendas online.

Quizás te guste más, y de hecho es lo que te recomiendo, la posibilidad de mostrar todas las variaciones, incluso las agotadas, pero que al desplegar la selección, las variaciones agotadas se muestren difuminadas y desactivadas.

Pues es muy fácil.

Ojo con los ajustes de WooCommerce

Para empezar, no debes ocultar los productos agotados, así que en los ajustes de WooCommerce, en

WooCommerce > Ajustes > Productos > Inventario

, no actives la casilla llamada «Ocultar en el catálogo los artículos agotados», déjalo en el ajuste por defecto.

Vamos, que ese ajuste lo dejes así:

Añade la magia

A continuación tienes que editar el archivo functions.php del tema activo (ya sabes, mejor si es tema hijo), o tu plugin de ñapas y arreglos varios, y añadir esto:

/* Desactivar variaciones agotadas */
add_filter( 'woocommerce_variation_is_active', 'ayudawp_desactivar_variaciones_agotadas', 10, 2 );
function ayudawp_desactivar_variaciones_agotadas( $is_active, $variation ) {
    if ( ! $variation->is_in_stock() ) return false;
    return $is_active;
}

Una ver guardes los cambios pasarás de que el cliente pueda elegir variaciones aunque estén agotadas…

Con ese desagradable mensaje cuando el cliente haga clic en una variación agotada:

A esto otro, donde no hay duda visualmente de qué variaciones están disponibles…

Pero no es solo que aparecen las variaciones agotadas difuminadas, más grises, sino que no se pueden seleccionar, que es lo más importante.

De este modo, tu cliente verá que sueles tener – en el ejemplo – más tallas, pero que ahora no puede seleccionarla, que siempre es mejor que parezca que simplemente no trabajas tallas grandes o pequeñas, lo que le disuadiría incluso de volver a tu tienda de nuevo.

Porque una cosa es que no consigas vender en un momento dado, y otra bien distinta es que pierdas un posible cliente para siempre ¿no crees?

Este ha sido siempre uno de mis trucos favoritos para WooCommerce, y de hecho siempre he pensado que debería venir así configurado por defecto

La entrada Cómo desactivar variaciones agotadas en WooCommerce la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Los métodos más rápidos para añadir imágenes en el editor de bloques de WordPress

Si aún no estás muy familiarizado con el nuevo editor de bloques de WordPress es posible que no le estés sacando el máximo partido, y este vídeo te ayudará a ahorrar mucho tiempo a la hora de insertar imágenes en tus contenidos.

Y es que, aunque el editor de bloques es relativamente sencillo de usar a la hora de insertar imágenes, hay trucos que te harán mucho más eficaz, pero sobre todo rápido, a la hora de ilustrar tus entradas y páginas.

Pero no me enrollo, no te lo cuento, te lo muestro en el siguiente vídeo…

Si quieres aprender más sobre el editor de bloques de WordPress, anteriormente conocido como editor Gutenberg, te animo a descubrir todos sus secretos en el curso online del editor de bloques de WordPress.

La entrada Los métodos más rápidos para añadir imágenes en el editor de bloques de WordPress la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Cómo detectar dispositivos móviles en WordPress

Cuando estás creando una web es útil poder detectar si el usuario la visita en un dispositivo móvil o no.

El objetivo principal de esta característica es normalmente poder gestionar mejor el peso de la página, pero también se puede utilizar para ocultar o mostrar contenido en función del tipo de dispositivo en el que se encuentre el visitante.

Además, ofrecer distintos contenidos según el dispositivo te ofrece montones de oportunidades de optimización de ventas si tienes una tienda online, adaptándote a la navegación en cada dispositivo, móvil o no.

Antes de utilizar esta característica, ten en cuenta que la detección móvil no es un sustituto del uso de

media queries

o de un framework que sea adaptable (responsive), sino más bien un complemento que puede ayudarte a configurar con precisión tu tema WordPress.

Y no me refiero a ofrecer versiones responsive (adaptables a distintos dispositivos) de tu web, sino ejecutar y mostrar distintos elementos según el dispositivo.

La función wp_is_mobile

De lo que estoy hablando es de la función

wp_is_mobile

, que te permite detectar si un visitante está usando un dispositivo móvil para ver tu web.

Esta función ejecuta una serie de pruebas basadas en la petición del agente de usuario del navegador del visitante y devuelve valores

TRUE

o

FALSE

a partir de los resultados de la prueba.

Puedes ver el detalle de lo que hace la función en el archivo /wp-includes/vars.php.

Su uso más eficaz es mediante condicionales, de este modo:

Solo tienes que sustituir el comentario en el fragmento de ejemplo por el código que se ejecutará en cada caso.

Fácil ¿no?

¡Ah! ¿que no?

Plugins WordPress para detectar dispositivos móviles

Si lo prefieres, también hay algún plugin que te permite detectar dispositivos móviles y tomar decisiones en consecuencia.

Mobile Detect

Este plugin usa la función

wp_is_mobile

, y está pensado para desarrolladores que quieran ir más allá de las posibilidades por defecto de WordPress.

Así, puedes usar métodos con clases, o añadir la identificación de tabletas. En la documentación te explican cómo usarlo para personalizar el uso de

wp_is_mobile

.

También es compatible con shortcodes, y aquí tienes varios ejemplos de uso.

Conditional Display for Mobile

Este plugin es bastante más personalizable que el anterior, y te permite incluir variables y condicionales para detectar distintos tipos de dispositivos móviles.

Tiene el shortcode

[wonderplugin_cond]

[/wonderplugin_cond]

que puedes usar envolviendo con él tu contenido, y luego usar los atributos del plugin para controlar dónde se mostrará cada contenido.

El plugin es compatible con dos atributos:

deviceinclude

deviceexclude

.

deviceinclude

puede usarse para mostrar el contenido solo a los dispositivos de la lista, y

deviceexclude

para ocultar el contenido de los dispositivos de la lista.

Los dispositivos que puede detectar son

iPod

iPhone

iPad

iOS

Android

Mobile

Windows

Mac

Linux

. Puedes especificar varios dispositivos, separándolos con comas.

Algunos detalles a tener en cuenta:

  • Si usas el dispositivo genérico llamado
    Mobile

    este incluirá todos los dispositivos móviles y tabletas: iPhone, iPad, iPod, Android móvil/tabletas.

  • Si quieres diferenciar entre dispositivos móviles y tabletas puedes especificar por separado varios dispositivos separados por comas, por ejemplo
    deviceinclude="iPhone,iPod,Android"

    deviceinclude="iPad"

    .

  • Actualmente no hay ningún modo de detectar la diferencia entre móviles y tabletas con Android.

Te pongo algunos ejemplos:

[wonderplugin_cond deviceinclude="Mobile"]
Este contenido solo se mostrará en dispositivos móviles y tabletas.
[/wonderplugin_cond]

[wonderplugin_cond deviceexclude="Mobile"]
Este contenido se ocultará en dispositivos móviles y tabletas.
[/wonderplugin_cond]

[wonderplugin_cond deviceexclude="iPhone,iPad"]
Este contenido se mostrará en todos los dispositivos excepto en iPhone e iPad.
[/wonderplugin_cond]

Como ves, no tiene interfaz visual pero es muy fácil de usar y es muy personalizable.

Temas WordPress para ofrecer distinto contenido en dispositivos móviles

Cada vez hay más temas y maquetadores visuales que permiten estructurar tu web de forma que se muestre un contenido diferente a visitantes con dispositivos móviles.

Divi incorpora esta característica hace años, y es muy fácil de hacer. Pero además no hace mucho mejoró enormemente esta funcionalidad, extendiéndola a todos los elementos de  la página.

Todo elemento que puedes insertar en Divi, desde imágenes a textos, filas, columnas y secciones, puedes especificar cómo se verá en cada dispositivo, e incluso si se verá o no.

Además, también permite personalizar el aspecto global para dispositivos móviles, pudiendo incluso cambiar los menús, tipos de letra y más.

Y sí, también Elementor permite la edición adaptable a móviles, como puedes ver en la siguiente captura…

¿Y WordPress no puede hacer algo así?

Pues se está en ello, y al menos de momento hay algún plugin que incorpora esta funcionalidad en el editor de bloques, así que tiempo al tiempo.

Como has podido comprobar, por opciones no será, así que empieza a plantearte ofrecer contenido adaptado a los distintos dispositivos.

La entrada Cómo detectar dispositivos móviles en WordPress la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

¿En qué se parecen WordPress y Rosalía? – Crónicas WordPress intensas #16

Espero que te guste este episodio especial de las crónicas WordPress intensas, pues aunque te parezca raro el título, verás que tiene todo el sentido.

No me enrollo más, pasa y dale al reproductor para ver y disfrutar del vídeo

Si prefieres simplemente  escuchar las Crónicas WordPress intensas como podcast puedes suscribirte en Anchor.fmSpotifyGoogle Podcasts o Apple Podcasts.

La entrada ¿En qué se parecen WordPress y Rosalía? – Crónicas WordPress intensas #16 la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.