¿Quieres agregar un cuadro de biografía de autor a tus publicaciones de WordPress?
El cuadro de biografía del autor es una pequeña sección donde puede mostrar información sobre el autor de la publicación, mostrar enlaces de redes sociales y más. Sin embargo, algunos temas de WordPress no tienen esta función incorporada, o es posible que desee personalizarla.
En este artículo, le mostraremos cómo agregar fácilmente un cuadro de información del autor a su blog de WordPress.
¿Por qué agregar un cuadro de información del autor en WordPress?
De forma predeterminada, la mayoría de los temas de WordPress mostrarán el nombre del autor en una publicación de blog, pero ninguna otra información sobre ellos.
Mostrar a la persona real detrás del contenido ayuda a generar credibilidad con sus lectores y puede fortalecer la autoridad de su sitio.
Si bien una página «Acerca de mí» puede ayudar, no todos los lectores se tomarán el tiempo para visitarla. Además, si tiene un sitio de WordPress de varios autores, un cuadro de autor puede ser útil para sus lectores que desean saber más sobre el autor detrás de cada publicación.
Los cuadros de autor también brindan a los autores un incentivo adicional para contribuir con más frecuencia e interactuar con los lectores, ya que pueden compartir su propio sitio web y enlaces de redes sociales para generar seguidores.
Si desea que más usuarios envíen contenido a su sitio web, un cuadro de información del autor es una excelente manera de atraer escritores que buscan exposición y nuevas audiencias.
Dicho esto, le mostraremos cómo agregar un cuadro de información del autor en WordPress. Simplemente use los enlaces rápidos a continuación para saltar directamente al método que desea usar.
Método 1: agregar el cuadro de información del autor usando la configuración de su tema de WordPress
Algunos de los mejores temas de WordPress vendrán con un cuadro de información del autor que se mostrará automáticamente debajo de cada artículo.
Primero, querrá ver si su tema actual tiene soporte incorporado para un cuadro de información del autor.
Para hacer esto, simplemente vaya a Usuarios » Todos los usuarios en su panel de administración de WordPress.
Luego, coloque el cursor sobre el perfil de usuario que desea cambiar y haga clic en el enlace ‘Editar’.
Esto lo lleva a la pantalla de edición de perfil.
Deberá desplazarse hacia abajo en la página hasta la sección «Información biográfica» para agregar la biografía del autor. También puede usar HTML en este campo para agregar manualmente enlaces a los perfiles de redes sociales del autor.
La foto de perfil del autor se obtiene automáticamente del servicio Gravatar. Si el autor ya ha configurado una cuenta, esto se mostrará automáticamente.
Una vez que haya terminado, asegúrese de hacer clic en el botón ‘Actualizar perfil’ en la parte inferior de la página para guardar los cambios.
Ahora, puede ver cualquier artículo en su sitio web escrito por ese autor, y verá su cuadro de biografía de autor en vivo.
Método 2. Agregar cuadro de información del autor en WordPress usando un complemento de WordPress
Si su tema no tiene la opción de mostrar un cuadro de biografía del autor o desea personalizar su apariencia, entonces este método es para usted.
Para hacer esto, usaremos el Biografía del autor enchufar. Es uno de los mejores complementos de cuadro de biografía de autor para WordPress que le permite simplemente agregar un cuadro de biografía de autor personalizable a su sitio.
Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.
Tras la activación, debe visitar Ajustes » Cuadro biográfico del autor para configurar los ajustes del complemento.
Aquí, puede elegir los colores, el tamaño del gravatar para la foto del autor, la ubicación para mostrar el cuadro de biografía del autor y más.
Una vez que haya terminado, asegúrese de hacer clic en el botón ‘Guardar cambios’ en la parte inferior de la pantalla para almacenar sus cambios.
A continuación, debe visitar Usuarios » Todos los usuarios y haga clic en el enlace ‘Editar’ debajo del usuario al que desea agregar una biografía.
Luego, desplácese hacia abajo hasta la sección ‘Información de contacto’ en la pantalla de edición de perfil.
Aquí, puede agregar enlaces de redes sociales para los perfiles de redes sociales de su autor. El complemento solo mostrará íconos para redes sociales donde ingrese una URL.
Después de eso, desplácese hacia abajo hasta la sección ‘Información biográfica’ para agregar la biografía del autor.
También puede usar HTML en este campo para agregar enlaces manualmente o usar opciones básicas de formato HTML.
Una vez que haya terminado, asegúrese de hacer clic en el botón ‘Actualizar perfil’ para guardar los cambios en su perfil de usuario.
Ahora puede visitar cualquier artículo escrito por ese usuario para ver el cuadro de información del autor en acción.
¿Quieres mostrar la información del autor en la barra lateral o en el área de widgets, en lugar de debajo del artículo? En caso afirmativo, este método es para usted porque le permite mostrar el cuadro de información del autor en un widget de la barra lateral.
Para este método, deberá instalar y activar el Widget de autor inteligente de Meks enchufar. 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 Apariencia » Widgets en tu panel de WordPress.
Luego, haga clic en el ícono de agregar bloque ‘Más’ en el área del widget ‘Barra lateral’.
Después de eso, debe buscar ‘Meks Smart Author’.
Luego, haga clic en el bloque para seleccionarlo.
El widget viene con una serie de opciones para personalizar cómo se muestra.
La opción más importante que debe marcar es la casilla de verificación junto a ‘Detectar autor automáticamente’.
Luego, haga clic en el botón ‘Guardar’ para almacenar la configuración de su widget.
Ahora puede visitar su sitio web para ver el widget de biografía del autor en acción.
Este complemento obtiene información del usuario de su perfil de WordPress. Usted o sus autores deben completar la información de su biografía editando sus perfiles.
Para obtener más información sobre la edición de perfiles de usuario, consulte nuestra guía sobre cómo agregar nuevos usuarios y autores a su blog de WordPress.
Método 4. Agregar el cuadro de información del autor agregando código a WordPress
Este método es para usuarios más avanzados porque requiere que edites tus archivos de temas de WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.
Luego, puede agregar el siguiente fragmento de código a su archivo functions.php, en un complemento específico del sitio o mediante el uso de un complemento de fragmentos de código.
function wpb_author_info_box( $content ) {
global $post;
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
if ( ! empty( $display_name ) )
$author_details="<p class="author_name">About " . $display_name . '</p>';
if ( ! empty( $user_description ) )
// Author avatar and bio
$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}
// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}
// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );
// Allow HTML in author bio section
remove_filter('pre_user_description', 'wp_filter_kses');
Este código simplemente obtiene la información del autor y la muestra debajo de las publicaciones de WordPress.
Ahora, debe diseñar este cuadro de información del autor para que se vea bien y coincida con su tema de WordPress. Si no sabe CSS, puede usar un complemento como CSS Hero en su lugar.
Para obtener más información, consulte nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress.
A continuación, navegue hasta Apariencia » Personalizar en su panel de administración de WordPress.
Esto abre el panel de personalización de temas de WordPress. Debe hacer clic en la pestaña ‘CSS adicional’.
Esto le permite agregar código CSS personalizado directamente a su tema de WordPress y ver los cambios en vivo.
Aquí hay un ejemplo de código CSS para ayudarlo a comenzar:
.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
.author_name{
font-size:16px;
font-weight: bold;
}
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}
A continuación, agregue el código directamente al cuadro ‘CSS adicional’.
Luego, haga clic en el botón ‘Publicar’ para hacer sus cambios en vivo.
Ahora, puede visitar una de las publicaciones de su blog de WordPress y ver su nuevo cuadro de información de autor.
Así es como se veía el cuadro de biografía del autor en nuestro tema.
Esperamos que este artículo le haya ayudado a aprender cómo agregar un cuadro de información del autor a las publicaciones de WordPress. También puede consultar nuestra guía sobre cómo elegir el mejor alojamiento de WordPress y nuestra selección de expertos del mejor software de chatbots de IA para su sitio web.
.