Descubre en este tutorial cómo crear un shortcode que permita mostrar un listado con los usuarios de WordPress que quieras.
En tutoriales anteriores has visto cómo crear un bucle de usuarios dependiendo del rol o de si tienen una suscripción activa.
Pero es posible que en alguna situación te interese mostrar un listado de usuarios elegidos o filtrados por ti.
Así que en este tutorial vas ver cómo crear un shortcode que te permita introducir los identificadores de los usuarios que quieres mostrar.
Este sería el resultado final:
¿Empezamos?
Pasos para mostrar un listado de usuarios de WordPress según su ID
1. Crea el shortcode
Añade el siguiente fragmento a tu plugin de funcionalidades:
Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.
Con este código consigues crear un bucle con los usuarios que indiques en el parámetro id del shortcode, mostrando lo siguientes elementos:
- Imagen (avatar)
- Nombre
Esto es solo un ejemplo. Puedes añadir o eliminar los campos que consideres necesarios utilizando la función get_user_meta.
En los argumentos del loop indicas:
- Los usuarios que quieres que se muestren dentro del parámetro
id - Que se ordene por nombre
Puedes modificar los argumentos que consideres necesarios.
2. Personaliza el CSS del listado de suscriptores
Ahora solo te falta asignar los estilos para que luzca tal y como deseas.
Para ello, introduce este bloque al final de style.css:
Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.
Al crear el shortcode has utilizado las clases users-wrapper y user, que te permiten maquetar el listado a tu gusto.
Con estas pocas líneas de CSS puedes conseguir que se vea como en el ejemplo que te mostraba al inicio. Pero, como siempre, te invito a que lo personalices a tu gusto.
3. Añade el shortcode donde quieras mostrar el listado de usuarios
Por último, crea la página donde quieras mostrar el listado de suscriptores y añade el shortcode [usuarios id="x,y,z"] donde sustituyes las letras por los identificadores de los usuarios. Por ejemplo: [usuarios id="12,33,54,88"].
Puedes obtener el ID del usuario revisando la URL cuando editas el mismo o, si quieres ponértelo más fácil, conseguir que se muestre directamente en el admin de WordPress con este tutorial.
Conclusiones
Ahora ya sabes cómo mostrar un listado con los usuarios de WordPress que quieras gracias a un shortcode con parámetros.
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. 😉
