Cómo añadir un cuadro de autor en WordPress (con o sin un plugin) 

¿Necesitas saber cómo añadir un cuadro de autor en WordPress sin estropear tu tema? Me encontré con esto cuando empecé a gestionar un blog con varios escritores y quería una manera de mostrar las biografías de los autores sin depender de un plugin que podría ralentizar las cosas.

En este tutorial, te mostraré exactamente cómo añadir una caja de autor en WordPress - con y sin un plugin - para que puedas dar a tus lectores más contexto y construir confianza con cada post.

Si quieres un diseño personalizado que se adapte perfectamente a tu sitio, también te mostraré cómo hacerlo utilizando SeedProd, el constructor de WordPress de arrastrar y soltar que utilizo en la mayoría de mis sitios.

A menudo, la biografía del autor incluye:

• Resumen o biografía del autor
• Foto de perfil o Gravatar
• URL de las entradas del autor
• Enlaces a redes sociales
• Enlace al sitio web del autor invitado

¿Por qué debería utilizar un cuadro de autor en WordPress?

La mayoría de los temas de WordPress mostrarán por defecto el nombre del autor, o meta display del autor, en las entradas del blog. Pero no suelen mostrar más información.

Sin embargo, revelar quién está detrás del contenido ayuda a generar confianza y credibilidad entre los lectores. A su vez, eso mejorará la autoridad de su sitio.

En algunos casos, una página de autor "Sobre mí" es suficiente para dar a los usuarios la información que necesitan. Sin embargo, no todos los lectores visitarán esa página.

Además, si tienes un sitio web con varios autores, una caja de autor es más fácil para mostrar información sobre el escritor detrás de cada post individualmente.

Pero eso no es todo.

Las biografías de autor personalizadas ofrecen a los escritores un incentivo adicional para contribuir e interactuar con los lectores. Esto se debe a que permiten a los autores añadir enlaces a sus perfiles sociales, aumentando así su audiencia.

En definitiva, añadir un cuadro de autor en WordPress es una forma excelente de generar credibilidad, autoridad y compromiso, y de conseguir que más escritores envíen contenidos.

Cómo añadir un cuadro de autor en WordPress (3 métodos)

Como hemos mencionado antes, personalizar tu tema de WordPress para incluir una sección de biografía de autor no siempre es sencillo. Aquí hay 3 maneras de crear una caja de autor sin un plugin y con uno.

Método 1: Añadir una Caja de Autor Personalizada en WordPress con SeedProd (Sin Código)

Si tu tema de WordPress no es compatible con las cajas de autor y quieres personalizar el aspecto de tu sitio web y la información de autor, esta es la solución.

Este método utiliza el plugin de WordPress SeedProd para añadir fácilmente una sección de información del escritor personalizada y crear un tema de WordPress.

SeedProd es el mejor constructor de sitios web de WordPress con funcionalidad de arrastrar y soltar. Le permite crear temas de WordPress personalizados, diseños y páginas de destino sin escribir una sola línea de código.

Con cientos de plantillas responsivas, puedes empezar rápidamente. También incluye toneladas de elementos de contenido personalizables que te permiten personalizar cada centímetro de tu sitio web sin necesidad de contratar a un desarrollador.

Uno de esos potentes elementos es el cuadro de autor, que le permite adaptar su biografía de autor al diseño de su sitio web y añadir enlaces y contenidos personalizados.

Paso 1. Instalar SeedProd Instalar SeedProd Website Builder Plugin

Para empezar, primero tendrá que obtener una licencia SeedProd.

Nota: Necesitará una licencia SeedProd Pro o Elite para utilizar el Theme Builder y el bloque Author Box.

Después de descargar SeedProd en su ordenador, tendrá que instalar y activar el archivo .zip del plugin en su sitio web WordPress. Aquí tienes una guía para instalar plugins de WordPress si necesitas ayuda.

Una vez que SeedProd esté activo en su sitio web, vaya a la página SeedProd " Configuración e introduzca los detalles de su licencia.

Encontrará la clave de licencia de su plugin en el sitio web de SeedProd, en el área de su cuenta, en "Descargas".

Paso 2. Crear un tema de WordPress Crear un tema de WordPress

El siguiente paso es ir a la página SeedProd " Theme Builder y hacer clic en el botón 'Temas'.

Al hacerlo, se abrirá una ventana con varios temas de WordPress ya creados que te permitirán empezar rápidamente. Pasa el ratón por encima de cualquier tema que te guste y haz clic en el icono de la marca de verificación para importarlo a tu sitio web.

A partir de ahí, verás una lista de las partes individuales de la plantilla que componen tu tema. Por ejemplo, el tema Online Author que elegimos incluye las siguientes plantillas:

• Una página
• Puesto único
• Blog, Archivos, Búsqueda
• Página de inicio
• Barra lateral
• Pie de página
• Cabecera
• CSS global

Típicamente, usted necesita visitar un administrador de archivos para acceder y editar los archivos de su tema de WordPress. Pero con SeedProd, puedes verlos todos en tu panel de WordPress sin salir de tu sitio.

Aún mejor, puedes editar cada plantilla en el sencillo editor visual de SeedPod sin escribir código. Como resultado, puede personalizar todo su tema de WordPress señalando, haciendo clic, arrastrando y soltando. Muy fácil.

Paso 3. Añadir una Caja de Autor a la Plantilla de Entradas Individuales

Para añadir una caja de autor personalizada a tu tema de WordPress con SeedProd, primero tendrás que añadir tus detalles de autor a tu página de perfil. Puedes hacerlo siguiendo los pasos del Método 1.

A continuación, vaya a SeedProd " Theme Builder y busque la plantilla Single Post. Desde allí, sitúate sobre ella y haz clic en el enlace "Editar diseño".

Eso abrirá su plantilla de Publicación Única en el constructor arrastrar-y-soltar de SeedProd.

El editor visual de SeedProd tiene un diseño sencillo. A la izquierda hay bloques y secciones que son fáciles de añadir a su diseño. Luego, a la derecha hay una vista previa para ver los cambios en tiempo real.

Puedes hacer clic en cualquier parte de la vista previa para editar el diseño y los bloques de tu página. Luego, a la izquierda, puedes personalizar la configuración de cada bloque en tiempo real.

El tema que estamos utilizando no tiene actualmente un cuadro de autor bajo el contenido del post. Necesitaremos usar una de las Etiquetas de Plantilla de SeedProd para añadir una.

Las Etiquetas de Plantilla son bloques individuales que te permiten mostrar contenido dinámico de WordPress en cualquier parte de tu diseño. Por ejemplo, nuestro tema incluye:

• Título del puesto
• Imagen destacada
• Información postal
• Comentarios

Esa información proviene automáticamente de tu base de datos de WordPress, lo que te permite añadirla en cualquier parte de tu tema.

Para añadir una biografía de autor a tu tema, busca el bloque Author Box bajo el encabezado 'Etiquetas de plantilla' y arrástralo bajo tus entradas.

A continuación, puedes hacer clic en el bloque para editar la configuración, por ejemplo:

• Mostrar u ocultar la foto de perfil
• Mostrar u ocultar el nombre para mostrar
• Tipo de etiqueta HTML
• Incluir un enlace a un sitio web o a un archivo de publicaciones
• Mostrar u ocultar la biografía del autor

Si haces clic en la pestaña Avanzado, hay aún más opciones de personalización para el cuadro de autor. Por ejemplo, en la sección "Estilos", puedes cambiar las fuentes, los colores de letra y las sombras.

En la sección Fondo, puede cambiar el color de fondo, el degradado de fondo y añadir una imagen de fondo personalizada.

También puedes personalizar el espaciado, los bordes y dar a la caja de autor una clase CSS personalizada.

Ahora sólo queda seguir personalizando el diseño de la entrada única.

Si necesitas un poco de ayuda, aquí tienes una guía paso a paso sobre cómo crear una plantilla personalizada de Single Post con SeedProd. Te guía a través de todos los diferentes bloques y configuraciones que necesitarás y cómo editar cada uno.

Cuando estés satisfecho con el aspecto de tu plantilla, haz clic en el botón verde Guardar de la esquina superior derecha.

Paso 4. Personalice el resto del tema

Ahora te quedan 2 opciones:

1. Publicar el diseño actual del tema de WordPress
2. Personaliza el resto de plantillas de tu tema

Te recomendamos que revises el resto de las plantillas del tema, incluida la página de inicio, la página del blog, los encabezados y los pies de página, y que los adaptes para que coincidan con tu marca.

Todo lo que necesitas hacer es volver a SeedProd " Theme Builder y haga clic en el enlace "Editar Diseño" en cualquier plantilla. A partir de ahí, puede personalizar la plantilla como lo hizo con el diseño 'Single Post'.

Paso 5. Publique su tema de WordPress

Hacer que tu tema de WordPress y tu Caja de Autor funcionen con SeedProd, es fácil. Ve a la página Theme Builder y cambia el interruptor Enable SeedProd Theme a 'Yes'.

Ahora, puede ir a cualquier entrada de su sitio WordPress y ver su nuevo cuadro de autor personalizado.

Método 2: Utilizar el soporte de la caja de autor de su tema de WordPress

Muchos de los mejores temas de WordPress utilizan el perfil de usuario integrado para mostrar un cuadro de autor debajo de cada entrada del blog. Suele incluir la foto de perfil del autor e información biográfica.

Pero antes, tendrás que comprobar si tu tema incluye soporte para cajas de autor.

Puede comprobarlo accediendo a Usuarios " Todos los usuarios desde su panel de administración de WordPress. A continuación, sitúe el cursor sobre el perfil correspondiente y haga clic en el enlace "Editar".

En la siguiente pantalla hay información editable sobre ese usuario en particular. Si su tema de WordPress admite cuadros de autor, debería haber una sección llamada "Información biográfica" más abajo en la página.

En esa zona, puede añadir una breve biografía del autor e incluir enlaces a redes sociales o sitios web del autor con HTML.

Tu tema obtendrá automáticamente la imagen de perfil del autor del servicio Gravatar si tiene una cuenta. De lo contrario, mostrará una imagen gris de marcador de posición.

Después de añadir su información de autor, haga clic en el botón Actualizar perfil.

Ahora puede hacer clic en cualquier artículo de su sitio web escrito por ese autor y ver su cuadro de autor en directo.

Método 3: Añadir manualmente una Caja de Autor a WordPress con Código

Si quieres crear una caja de autor en WordPress sin un plugin, tendrás que añadir una nueva función a tu tema de WordPress. Dado que este método implica editar los archivos del tema, solo lo recomendamos a usuarios avanzados.

Nota: Es bueno crear un tema hijo para realizar cualquier cambio en el tema personalizado. De esta forma, no correrás el riesgo de perder las modificaciones debido a una actualización del tema. Alternativamente, puedes usar WPCode para añadir fragmentos de código en cualquier parte de tu sitio WordPress.

Para añadir un cuadro de autor de WordPress sin un plugin, copie el siguiente fragmento de código y péguelo en su archivo functions.php:

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');

La función obtiene la información del autor y la muestra debajo de las entradas de WordPress en su sitio.

A continuación, tendrá que dar estilo a la caja de autor para que coincida con su tema y marca. Aquí tienes algunos ejemplos de código CSS que puedes utilizar para empezar:

.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;
}

Para añadir ese código a su tema, haga clic en Apariencia " Personalizar en el panel de administración de WordPress. Al hacerlo, se abrirá el Personalizador de temas de WordPress, donde puedes personalizar visualmente ciertos aspectos de tu tema.

Desplázate hacia abajo hasta que veas el encabezado CSS adicional y despliega la pestaña. A continuación, pegue su código CSS personalizado y haga clic en el botón Publicar.

Ahora puede visitar cualquier entrada de blog y ver su cuadro de autor en acción.

Preguntas frecuentes

Ahora ya sabes cómo crear una caja de autor en WordPress sin un plugin. Además, tienes todos los pasos que necesitas para añadir una caja de autor en WordPress usando un potente plugin.

SeedProd es mucho más que un simple plugin de caja de autor. Es un completo constructor de sitios web WordPress con todas las herramientas que necesitas para crear un sitio WordPress totalmente personalizado tanto para principiantes como para usuarios avanzados.

¿Por qué no lo prueba usted mismo?

También te puede gustar este otro post que ofrece impresionantes ejemplos de páginas de inicio de sesión para WordPress.

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.