Crear tablas de usuarios en Wordpress sin plugins

Cómo crear una tabla de usuarios en WordPress sin plugins

Facebook
LinkedIn
WhatsApp
Twitter

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 = '<table>';
    $output .= '<tr><th>Avatar</th><th>Nombre</th><th>Apellidos</th><th>Email</th><th>Url</th><th>Entradas</th><th>Rol</th></tr>';
    foreach ($users as $user) {
        $output .= '<tr>';
        $output .= '<td class="bytegravatar">' . get_avatar($user->ID) . '</td>';
        $output .= '<td>' . $user->first_name . '</td>';
        $output .= '<td>' . $user->last_name . '</td>';
        $output .= '<td>' . $user->user_email . '</td>';
        $output .= '<td>' . get_user_meta($user->ID, 'my_custom_field', true) . '</td>';
        $output .= '<td>' . count_user_posts($user->ID) . '</td>';
        $output .= '<td>' . implode(', ', $user->roles) . '</td>';
        $output .= '</tr>';
    }
    $output .= '</table>';
    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.

¿Tienes interés en que creemos un tutorial sobre algún tema específico de Elementor? Dejalo en comentarios, prometemos responderte.

Compártenos en tu red social favorita
Facebook
LinkedIn
WhatsApp
Twitter

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Scroll al inicio
Logo diseño paginas web Vilafranca del Penedes
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.