Cómo añadir un cuadro de información del autor en los posts de WordPress

¿Quieres añadir una caja de biografía de autor en tus posts de WordPress? El cuadro de biografía del autor es una pequeña sección en la que puedes mostrar información sobre el autor del blog, mostrar sus perfiles de medios sociales y más.

Muchos temas de WordPress permiten mostrar fácilmente la biografía del autor utilizando la funcionalidad predeterminada de WordPress. Sin embargo, es posible que algunos temas no tengan esta función incorporada o que quieras cambiar la forma en que muestran la sección de biografía del autor.

En este artículo, te mostraremos múltiples formas de mostrar fácilmente un cuadro de información del autor en los posts de WordPress. También te mostraremos cómo personalizar la biografía del autor y hacerla más útil.

Por qué y cuándo necesitas un cuadro de información del autor en WordPress

Ver a una persona real detrás del contenido ayuda a construir la credibilidad y fortalece la autoridad de su sitio entre los usuarios.

Para un blog de WordPress de un solo autor, puedes añadir una página sobre mí, pero para un sitio de WordPress de varios autores, tendrás que añadir un cuadro de información del autor debajo de cada entrada.

Esto ayuda a sus usuarios a aprender más sobre los autores individuales en su sitio web. También proporciona a los autores un incentivo adicional para contribuir más a menudo e interactuar con los lectores.

Si desea que más usuarios envíen contenidos a su sitio web, el cuadro de información sobre el autor es una excelente manera de atraer a escritores que buscan exposición y nuevas audiencias.

Dicho esto, veamos cómo añadir fácilmente un cuadro de información del autor en los posts de WordPress.

Añadir el cuadro de información del autor en los mensajes de WordPress

WordPress es el mejor constructor de sitios web del mundo por la flexibilidad y las opciones de personalización que ofrece.

Hay muchos plugins de biografía de autor diferentes que puedes usar para añadir una sección de información de autor. Te mostraremos el método predeterminado de WordPress, dos plugins diferentes así como el método de código. De esta manera podrás elegir el método que mejor se adapte a tu sitio.

  • Añadir el cuadro de autor en WordPress usando los temas de WordPress
  • Añadir la caja del autor en WordPress usando un plugin
  • Agregar cuadro de autor en la barra lateral de WordPress
  • Añadir el cuadro de autor en WordPress usando fragmentos de código

Método 1: Añadir la biografía del autor usando su tema de WordPress

Si tu tema de WordPress viene con un recuadro de información del autor debajo de cada artículo, entonces simplemente puedes usarlo para mostrar tu biografía de autor.

Para hacer uso de ella, sólo tienes que visitar la página de Usuarios " Todos los Usuarios . Desde aquí tienes que editar el usuario que quieres cambiar.

En la pantalla de edición de perfil, desplácese hacia abajo a la sección "Información biográfica" para añadir la biografía del autor. También puedes usar HTML en este campo para añadir manualmente enlaces a los perfiles de medios sociales del autor.

La imagen del perfil del autor se obtiene usando Gravatar. Si el autor no ha configurado una foto de gravatar, puedes pedirle que siga nuestra guía para configurar una foto de gravatar en WordPress.

Alternativamente, también puede permitir a los usuarios de su sitio web que suban una foto de perfil de autor personalizada editando su perfil.

No olvides hacer clic en el botón "Actualizar usuario" para guardar los cambios.

Ahora puedes visitar cualquier artículo de tu sitio web para ver tu tema de WordPress mostrando la biografía del autor debajo del contenido.

Método 2. Añadir el cuadro de información del autor en WordPress usando un plugin

Si tu tema no muestra un cuadro de información del autor, o quieres personalizarlo, entonces este método es para ti.

Para este método, usaremos un plugin de WordPress para añadir el cuadro de información del autor a tus publicaciones de WordPress.

Lo primero que hay que hacer es instalar y activar el plugin de Author Bio Box. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activada, es necesario visitar la página Settings " Author Bio Box para configurar los ajustes del plugin.

Desde aquí, puedes elegir los colores, el tamaño de la gravedad de la foto del autor y la ubicación para mostrar la caja de biografía del autor.

Una vez que hayas terminado, no olvides hacer clic en el botón "Guardar cambios" para almacenar los cambios.

A continuación, debes visitar la página de los usuarios " Todos los usuarios y hacer clic en el enlace $0027Editar$0027 debajo del usuario que quieres cambiar.

En la pantalla de edición de perfil, debes bajar a la sección "Información de contacto". Desde aquí puedes añadir enlaces a los perfiles de medios sociales del autor.

El plugin sólo mostrará los iconos de las redes sociales en las que introduzcas una URL.

Después de eso, puedes bajar a la sección "Información Biográfica" para añadir la biografía del autor. También puedes usar HTML en este campo para añadir manualmente los enlaces o usar las opciones básicas de formato HTML.

Una vez que hayas terminado, haz clic en el botón de usuario Actualizar para guardar los cambios.

Ahora puedes visitar cualquier artículo escrito por ese usuario para ver el cuadro de información del autor en acción.

Método 3: Mostrar la información del autor en un widget de la barra lateral

¿Quieres mostrar la información del autor en la barra lateral en lugar de debajo del artículo? Si es así, entonces este método es para ti porque te permite mostrar la información del autor en un widget de la barra lateral.

Para este método, necesitarás instalar y activar el plugin Meks Smart Author Widget. Para obtener más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarse, debes visitar la página de Apariencia " Widgets . Allí encontrarás a Meks Smart Author bajo la lista de widgets disponibles. Necesitas añadir este widget a la barra lateral donde quieres mostrar la información del autor.

El widget viene con un número de opciones. La opción más importante que necesitas marcar es la casilla junto a la opción "Detectar automáticamente el autor".

Haz clic en el botón Guardar para almacenar la configuración de tu widget. Ahora puedes visitar tu sitio web para ver el widget de información del autor en acción.

Este plugin obtiene la información del usuario de su perfil de WordPress. Tú o tus autores tendrán que rellenar su información biográfica editando sus perfiles.

Método 4. Añadir manualmente el cuadro de información del autor (se requiere codificación)

Este método requiere que añadas código a tu sitio web de WordPress. Si no lo has hecho antes, entonces por favor, echa un vistazo a nuestra guía sobre cómo añadir fragmentos de código en WordPress.

Primero, necesitas añadir el siguiente código al archivo functions.php de tu tema o a un plugin específico del sitio.

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556functionwpb_author_info_box( $content) { global$post; // Detectar si se trata de un solo post con un post authorif( is_single() && isset( $post->post_author ) ) { // Obtener el nombre para mostrar del autor $nombre_de_la_pantalla= obtener_el_meta_autor( $0027nombre_de_la_pantalla$0027, $post->post_autor ); // Si el nombre para mostrar no está disponible, entonces usar el apodo como nombre para mostrarif( empty( $nombre_de_la_pantalla) )$nombre_de_la_pantalla= obtener_el_meta_autor( $0027apodo$0027, $post->post_autor );  // Obtener información biográfica o descripción del autor$user_description= get_the_author_meta( $0027user_description$0027, $post->post_author );  // Obtener la URL del sitio web del autor $user_website= get_the_author_meta($0027url$0027, $post->post_author); // Obtener el enlace a la página de archivo del autor$user_posts= get_author_posts_url( get_the_author_meta( $0027ID$0027, $post->post_author)); if( ! empty( $nombre_de_la_pantalla) ) $author_details= $0027

Sobre $0027. $nombre_de_la_pantalla. $0027

$0027; if( ! empty( $descripción_de_usuario) )// Avatar del autor y bio $autor_detalles.= $0027

$0027. get_avatar( get_the_author_meta($0027user_email$0027) , 90 ) . nl2br( $user_description). $0027

$0027; $author_details.= $0027

. $user_posts.$0027">Ver todos los mensajes por $0027. $nombre_de_la_pantalla. $0027$0027; // Comprueba si el autor tiene un sitio web en su perfilif( ! empty( $user_website) ) { // Mostrar la página web del autor link$author_details.= $0027 | . $user_website.$0027">Website

$0027; } else{ // si no hay un sitio web del autor entonces sólo cierra el párrafo$detalles_del_autor.= $0027

$0027;}  // Pasa toda esta información para publicar el contenido $contento= $contento. $0027$0027. $detalles del autor. $0027$0027;} return$content;} // Añadir nuestra función al filtro de contenido add_action($0027the_content$0027, $0027wpb_author_info_box$0027); // Permitir HTML en la sección de biografía del autor remove_filter($0027pre_user_description$0027, $0027wp_filter_kses$0027);

Este código simplemente busca la información del autor y la muestra debajo de los posts de WordPress. Necesitas darle un estilo a este cuadro de información del autor para que se vea bien y coincida con tu tema de WordPress.

Puedes añadir el siguiente CSS personalizado para dar estilo a tu cuadro de autor. Siéntete libre de modificarlo según tus necesidades

1234567891011121314151617.author_bio_section{background-color: #F5F5F5;acolchado: 15px;borde: 1pxsólido#ccc;} .nombre_del_autor{tamaño_de_fuente:16px;peso_de_fuente: negrita;} .autor_detalles img {borde: 1pxsolid#D8D8D8;border-radius: 50%;float: izquierda;margin: 010px10px0;}

Así es como se veía el cuadro de información del autor en nuestro sitio de demostración.

Esperamos que este artículo te haya ayudado a aprender a añadir un cuadro de información del autor a los posts de WordPress. También puedes ver nuestros consejos sobre cómo aumentar el tráfico de tu blog, o nuestra guía paso a paso sobre cómo crear un boletín de noticias por correo electrónico.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes 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