Cómo agregar una página de perfil de autor personalizado a su WordPress

¿Desea añadir una página de perfil de autor personalizada a su sitio WordPress? Muchos temas de WordPress tienen información limitada de perfil de autor en su página de archivo de autores. En este artículo, le mostraremos cómo crear 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 características.

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

Tras la activación, debe visitar la página Users " WPUM Settings para configurar la configuración del plugin.

El plugin 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 potente plugin y viene con muchas opciones. Debe revisarlas detenidamente y desactivar las funciones que no desea utilizar.

A continuación, debe hacer clic en la pestañaPerfiles para configurar la configuración del perfil de usuario.

Aquí puedes habilitar la opción de página de perfil para los invitados, lo que significa que cualquiera puede ver los perfiles de los usuarios. También puede permitir que los miembros vean los perfiles de los demás. Si desmarca esta opción, los usuarios sólo 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 olvide hacer clic en el botón Guardar cambios para guardar su configuración.

A continuación, debe seleccionar URLs amigables para SEO o enlaces permanentes para las páginas de perfil de autor. Puede hacerlo visitando la página Settings " Permalinks y bajando hasta la sección `perfil de usuario permalink base.

El plugin te 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 fáciles de usar para SEO que el ID de usuario. Haga clic para seleccionar uno de ellos y luego haga clic en el botón Guardar cambios para guardar su configuración de permalink.

Sus páginas de perfil de autor personalizadas están casi listas. Ahora sólo tenemos que dejar que los usuarios encuentren fácilmente sus páginas de perfil en su sitio web.

Vaya a la página Apariencia " Widgets y añada el widget[WPUM] Login Form a una barra lateral.

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

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

El plugin 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 a las páginas de archivo del autor predeterminado.

Cambiar la apariencia de las páginas del perfil del autor

Si sólo desea cambiar los colores o los bordes, puede hacerlo añadiendo CSS personalizados.

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

Primero necesita conectarse a su sitio web usando un cliente FTP e ir a la carpeta /wp-content/plugins/wp-user-manager/templates/. Descarga todos los archivos que veas en tu ordenador.

A continuación, debe ir a su carpeta temática actual y crear una nueva carpeta "wpum" dentro de ella. Ahora sube los archivos que descargaste antes 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. Crear manualmente una página de perfil de autor personalizada en su tema

Este método requiere que edite los archivos de tema de WordPress o de tema hijo. Si no lo has hecho antes, consulta nuestra guía sobre cómo copiar y pegar código en WordPress.

En primer lugar, deberá conectarse a su sitio web mediante un cliente FTP e ir a la carpeta /wp-content/themes/your-current-theme/.

Dentro de la carpeta de temas actual, debe crear un archivo author.php. A continuación, debe copiar el contenido del archivo archive.php y pegarlo en su nueva plantilla author.php.

Si el 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. Tendrá que decidir por dónde quiere empezar a editar. Normalmente, puede editar cualquier cosa entre las líneas get_header(); y get_sidebar().

12345678910111213141415161718192021222324252627282930313233343536>    

Acerca de: nickname; ?>

    > user_email , 90 ); ?>        

Sitio web: "user_url; ?>">user_url; ?>

     Bio: descripción_de_usuario; ?>

     

Publicado por nickname; ?>:

           ""title="Permanent Link: ">">

Posted on:

  

 
Este código simplemente añade una tarjeta de perfil de autor en la parte superior de la página, y luego muestra los mensajes recientes del autor.

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

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

1234567891011.author-profile-card { background: #eee; frontera: 1pxsólido#ccc; acolchado: 20px; margin-bottom: 20px;}.author-photo { float: left; text-align: left; padding: 5px;}

Aquí está cómo se veía en nuestro sitio web de demostración:

Esperamos que este artículo le haya ayudado a aprender a añadir una página de perfil de autor personalizada a su sitio de WordPress. También puede ver nuestra guía paso a paso de WordPress SEO para principiantes.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

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

Subir