En este artículo te mostraré cómo crear una tabla de usuarios en WordPress sin plugin, utilizando PHP y el shortcode de WordPress. Este método te permitirá mostrar los datos de los usuarios en una tabla que podrás integrar en cualquier página o entrada de tu sitio web.
Antes de comenzar, asegúrate de tener un conocimiento básico de HTML y PHP, así como acceso al panel de administración de WordPress. Aún si no tienes esos conocimientos te proporcionaremos todos los códigos necesarios y te guiaremos paso a paso.
Paso 1: Crear un child theme
En este enlace te explicamos cómo generar un child theme. Cómo generar un child theme en WordPress.
Paso 2: Crear la función PHP
Lo primero que debemos hacer es crear la función que generará la tabla de usuarios. Para hacerlo, abrimos el archivo functions.php de nuestro tema hijo o plugin y agregamos el siguiente código:
function mostrar_tabla_usuarios() {
$users = get_users();
$output = ' ';
$output .= 'Avatar Nombre Apellidos Email Url Entradas Rol ';
foreach ($users as $user) {
$output .= '';
$output .= '' . get_avatar($user->ID) . ' ';
$output .= '' . $user->first_name . ' ';
$output .= '' . $user->last_name . ' ';
$output .= '' . $user->user_email . ' ';
$output .= '' . get_user_meta($user->ID, 'my_custom_field', true) . ' ';
$output .= '' . count_user_posts($user->ID) . ' ';
$output .= '' . implode(', ', $user->roles) . ' ';
$output .= ' ';
}
$output .= '
';
return $output;
}
En esta función hemos utilizado la función get_users() de WordPress para obtener la lista de usuarios, y luego hemos generado la tabla con los datos que queremos mostrar. En este caso, hemos agregado los campos Avatar, Nombre, Apellidos, Email, URL, Entradas y Rol.
Paso 3: Agregar el shortcode
Una vez que tenemos la función PHP creada, podemos agregar un shortcode para poder utilizarla en nuestro sitio web. Para hacerlo, agregamos el siguiente código en el archivo functions.php:
add_shortcode('tabla_usuarios', 'mostrar_tabla_usuarios');
Este código agrega el shortcode [tabla_usuarios] que podemos utilizar para insertar la tabla de usuarios en cualquier página o entrada de nuestro sitio web.
Paso 3: Agregar estilos CSS (opcional)
Si deseas agregar estilos CSS personalizados a la tabla, puedes hacerlo utilizando los selectores de CSS. Por ejemplo, para cambiar el color de fondo de la cabecera de la tabla, puedes agregar el siguiente código en el archivo style.css de tu tema o plugin:
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
.bytegravatar img{
width:40px!important;
}
td{
text-align:center;
}
Si quieres aumentar o reducir el tamaño del gravatar solo debes modificar el width de la clase .bytegravatar. Para mostrar en la tabla otros campos del perfil de usuarios y completar la información de esta entrada mira el siguiente vídeo.
Hasta aquí el tutorial sobre cómo crear una tabla de usuarios en WordPress sin plugins. Esperamos que os haya gustado y os haya sido de utilidad. Si tienes alguna duda puedes dejarla en comentarios.