Descubre con este tutorial cómo mostrar el nombre del usuario «logueado» en cualquier sitio de la web gracias a un shortcode.
Una de las ventajas de ser suscriptor de Código Genesis es que puedes hacer sugerencias para nuevos tutoriales.
A raíz del tutorial de añadir campos extra al perfil de usuario de WordPress, Alex me preguntó si podía mostrar esos datos en la parte frontal de la web mediante un shortcode.
Una propuesta interesante, ¿verdad?
Si tú también quieres saber cómo mostrar metadatos del usuario logueado, aquí tienes cómo hacerlo combinando la función get_current_user_id() y los shortcodes de WordPress.
El resultado final podría ser algo así:
O cualquier combinación que se te ocurra. 😉
Pasos para mostrar los metadatos de un usuario identificado mediante un shortcode
1. Crea el shortcode
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este código creas un shortcode que te permite mostrar la compañía en la que trabaja y la posición del usuario «logueado» al escribir [posicion_empresa].
Además, les das las clases CSS de «company» y «jobtitle» por si quieres añadir algún estilo personalizado a estos campos.
En este caso, estás mostrando los metadatos de usuario que creaste con el tutorial para añadir campos extra al usuario de WordPress.
Pero puedes usar el que tú desees, solo tienes que sustituir el metadato 'company' en $company = get_user_meta( $user_id, 'company', true ); por el que desees.
Ahora solo te queda un paso.
2. Introduce el shortcode donde quieras
La ventaja de los shortcodes es que puedes insertarlos en cualquier punto de la web.
Solo tendrás que escribir «[tu_shortcode]» donde quieres que se visualice, en este caso [posicion_empresa].
Importante:
- Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
- En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.
3. Da estilos CSS (opcional)
Por último, puedes terminar de personalizar cómo se mostrarán los metadatos del usuario añadiendo estas líneas al final del fichero style.css:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Conclusiones
Ahora ya sabes cómo mostrar cualquier metadato de un usuario logueado en cualquier punto de las web gracias a este shortcode personalizado.
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. 😉
