• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar un listado con los usuarios de WordPress que tú elijas

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:

listado usuarios WordPress elegidos
Listado listado de usuarios de WordPress específicos

¿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. 😉

CSS PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?