Descubre con este tutorial cómo mostrar el nombre del usuario «logueado» en cualquier sitio de la web gracias a la API de Block Binding.
Una de las novedades de WordPress 6.5 es que incorpora una nueva API llamada Block Binding. Esta proporciona la opción de mostrar campos personalizados directamente en un bloque. Esto es una fantástica noticia ya que ahora no necesitas crear un bloque a medida sino que puedes usar uno ya existente.
Actualmente solo hay 4 bloques que permiten hacerlo:
- Párrafo
- Encabezado
- Botón
- Imagen
Esto ya permite hacer cosas muy interesantes y seguro que en próximas actualizaciones de WordPress esta característica se ampliará a más bloques.
Esta nueva opción abre una amplia gama de oportunidades.
Uno de los tutoriales más populares es el de mostrar el nombre del usuario logueado mediante un shortcode en WordPress.
Si tú también quieres colocar mensajes personalizados a tu suscriptor en determinados puntos de la web, a partir de ahora puedes hacerlo insertando ese nombre de usuario en un bloque gracias al Block Binding.
El resultado final podría ser algo así:
Bienvenido, Nahuai
O cualquier texto que se te ocurra.
Pasos para mostrar el nombre de usuario usando Block Binding
1. Añadir una fuente que pueda obtener el nombre de usuario mediante block binding
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2045 snippets de esta web,
identifícate o suscríbete aquí.
Con este código primero agregas una nueva fuente de datos para el Block Binding y luego usas la función wp_get_current_user()
en combinación con get_the_author_meta
para obtener el nombre del usuario logueado.
Ahora solo te queda un paso.
2. Introduce el bloque donde desees
WordPress 6.5 no incorpora una interfaz visual para gestionar el block binding, así que tienes que hacerlo desde el editor de código.
Para acceder al mismo ve al los 3 puntos de la esquina superior derecha del editor y selecciona «Editor de código»:
Pro tip: utiliza el atajo de teclado: Cmd + Alt + Shift + M
para ir más rápido. 😉
Una vez en él, añade este HTML:
<!-- wp:paragraph {
"metadata":{
"bindings":{
"content":{
"source":"osom/user-name",
"args":{
"key":"name"
}
}
}
}
} -->
<p></p>
<!-- /wp:paragraph -->
En este caso usas un bloque de párrafo para obtener el metadato del nombre de usuario a través de la API de Block Binding.
Una vez lo introduzcas puedes volver a pasar a la edición visual del contenido. Verás algo así:
La ventaja de tener el nombre de usuario en un bloque es que puedes maquetarlo a tu gusto.
Por ejemplo, si quieres añadir texto antes (o después) puedes usar el bloque de fila (una variación del de grupo).
Por ejemplo, para conseguir este resultado:
Bienvenido, Nahuai
Puedes usar esta estructura:
Conclusiones
Ya ves qué fácil es mostrar el nombre de un usuario logueado en cualquier punto de las web gracias a este poder introducirlo directamente en un bloque de párrafo.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉