Cómo agregar una página de perfil de autor personalizada a tu WordPress

¬ŅDesea agregar una p√°gina de perfil de autor personalizada a su sitio de WordPress? Muchos temas de WordPress tienen informaci√≥n de perfil de autor limitada en su p√°gina de archivo de autor. En este art√≠culo, le mostraremos c√≥mo crear una p√°gina de perfil de autor personalizada en WordPress.

Agregar una p√°gina de perfil de autor personalizada en WordPress

Método 1. Agregar página de perfil de autor personalizado en WordPress con WP User Manager

Este método se recomienda para todos los usuarios. Es fácil de configurar y tiene más funciones.

Lo primero que debe hacer es instalar y activar el complemento WP User Manager. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activaci√≥n, debe visitar Usuarios ¬ĽConfiguraci√≥n de WPUM p√°gina para configurar los ajustes del complemento.

Página de configuración de WP User Manager

El complemento crear√° autom√°ticamente diferentes p√°ginas para usar como inicio de sesi√≥n personalizado, registro de usuario personalizado, contrase√Īa olvidada, cuenta y p√°ginas de perfil.

WP User Manager es un complemento poderoso y viene con muchas opciones. Debe revisarlos detenidamente y desactivar las funciones que no desea utilizar.

A continuaci√≥n, debe hacer clic en la pesta√Īa “Perfiles” para configurar los ajustes del perfil de usuario.

Configuración de la página de perfil de usuario

Aquí puede habilitar la opción de página de perfil para invitados, lo que significa que cualquiera puede ver los perfiles de usuario. También puede permitir que los miembros vean los perfiles de los demás. Si desmarca esta opción, los usuarios solo podrán ver sus propias páginas de perfil.

También puede permitir a los usuarios cargar fotos de perfil personalizadas y mostrar sus artículos recientes, así como comentarios en su página de perfil.

No olvides hacer clic en el botón Guardar cambios para guardar tu configuración.

A continuaci√≥n, debe seleccionar URL o enlaces permanentes compatibles con SEO para las p√°ginas de perfil del autor. Puedes hacer esto visitando Configuraci√≥n ¬ĽPermalinks p√°gina y despl√°cese hacia abajo a la secci√≥n “Base de enlace permanente de perfil de usuario”.

Seleccione una estructura de URL para las p√°ginas de perfil de usuario.

El complemento le ofrece usar ID de usuario, nombre de usuario o apodo en la URL. Tanto el apodo como el nombre de usuario son opciones más amigables para SEO que la ID de usuario. Haga clic para seleccionar cualquiera de ellos y luego haga clic en el botón Guardar cambios para almacenar su configuración de enlace permanente.

Sus p√°ginas de perfil de autor personalizadas est√°n casi listas. Ahora solo tenemos que permitir que los usuarios encuentren f√°cilmente sus p√°ginas de perfil en su sitio web.

Dirigirse a Apariencia ¬ĽWidgets p√°gina y agregar [WPUM] Widget de formulario de inicio de sesi√≥n en una barra lateral.

Agregar inicio de sesión de usuario y widget de enlace de perfil a la barra lateral

Ahora puede visitar su sitio web para ver la página de perfil del autor en acción. Como usuario registrado, verá la información de su propia cuenta en el widget de la barra lateral. Al hacer clic en el nombre de usuario, accederá a la página de perfil de su autor.

P√°gina de perfil del autor

El widget de la barra lateral mostrará un formulario de inicio de sesión a los usuarios desconectados. Si permite que los usuarios se registren en su sitio web, el formulario también incluirá un enlace para registrarse.

El complemento también cambiará los enlaces de autor en su sitio web y los dirigirá a la página de perfil del autor en lugar de las páginas de archivo predeterminadas del autor.

Cambio de apariencia de las p√°ginas de perfil de autor

Si solo desea cambiar los colores o los bordes, puede hacerlo agregando CSS personalizado.

Sin embargo, si desea cambiar el dise√Īo y el orden de las cosas, deber√° editar los archivos de plantilla del complemento. WP User Manager viene con soporte de plantillas personalizadas, lo que significa que puede crear sus propias plantillas dentro de su tema actual para que las use el complemento.

Primero debe conectarse a su sitio web utilizando un cliente FTP e ir a / wp-content / plugins / wp-user-manager / templates / folder. Descargue todos los archivos que ve allí en su computadora.

A continuaci√≥n, debe ir a su carpeta de tema actual y crear una nueva carpeta “wpum” dentro de ella. Ahora suba los archivos que descarg√≥ anteriormente a la carpeta wpum.

Ahora puede editar estos archivos para personalizar la apariencia de sus p√°ginas de perfil seg√ļn sea necesario.

Método 2. Cree manualmente una página de perfil de autor personalizada en su tema

Este método requiere que edite su tema de WordPress o archivos de temas secundarios. Si no ha hecho esto antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero, necesitar√° conectarse a su sitio web utilizando un cliente FTP e ir a / wp-content / themes / your-current-theme / folder.

Dentro de su carpeta de tema actual, debe crear un archivo author.php. Después de eso, debe copiar el contenido del archivo archive.php y pegarlo dentro de su nueva plantilla author.php.

Si su tema ya tiene un archivo author.php, también puede editarlo.

Su objetivo aquí es obtener la información del perfil del autor y luego mostrarla. Deberá decidir dónde desea comenzar a editar. Por lo general, puede editar cualquier cosa entre get_header (); y get_sidebar () líneas.


    

About: nickname; ?>

user_email , '90 '); ?>

Website: user_url; ?>">user_url; ?>
Bio: user_description; ?>

Posts by nickname; ?>:

" rel="bookmark" title="Permanent Link: ">

Posted on:

Este código simplemente agrega una tarjeta de perfil de autor en la parte superior de la página y luego muestra las publicaciones recientes del autor.

Siéntase libre de personalizar este código tanto como lo necesite. Puede agregar campos de perfil de usuario adicionales a su sitio web, agregar el autor Twitter y Facebook enlaces de perfil, mostrar imágenes destacadas para publicaciones, etc.

Aquí hay algunos ejemplos de CSS para darle a su tarjeta de perfil de autor un aspecto decente. Puede agregarlo como CSS personalizado en su tema y luego cambiarlo para que coincida con los colores de su tema.

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

Así es como se veía en nuestro sitio web de demostración:

Una p√°gina de perfil de autor personalizada en WordPress

Esperamos que este artículo te haya ayudado a aprender cómo agregar una página de perfil de autor personalizada a tu sitio de WordPress. Es posible que también desee ver nuestra guía paso a paso de WordPress SEO para principiantes.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.