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

Si has buscado "cómo añadir un cuadro de autor en WordPress sin un plugin", ya habrás visto los resultados cargados de plugins. Esta guía es diferente. Puedes añadir un cuadro de autor utilizando herramientas ya integradas en WordPress.

Un cuadro de autor genera confianza. Los lectores ven tu nombre, una breve biografía y una foto tuya debajo de cada publicación, y tu sitio se siente creíble en lugar de anónimo. Este tutorial cubre cuatro métodos, desde el más sencillo (un bloque nativo en el editor) hasta un diseño personalizado con SeedProd.

Por qué importan los cuadros de autor

Un cuadro de autor es una sección de biografía que aparece debajo de las publicaciones de tu blog. Normalmente muestra tu nombre, foto de perfil, una breve biografía y enlaces a tus perfiles sociales o sitio web.

La mayoría de los temas de WordPress muestran el nombre del autor en las publicaciones de forma predeterminada, pero nada más. Un cuadro de autor cubre esa carencia.

Para los blogueros individuales, es una señal E-E-A-T que indica a los motores de búsqueda que el contenido proviene de una persona real con experiencia relevante. Para los sitios de varios autores, mantiene a los lectores orientados y da a cada contribuyente su propia presencia.

Qué incluir en tu cuadro de autor

Antes de configurar tu cuadro de autor, ten claro qué poner en él. Los más efectivos incluyen:

• Nombre para mostrar – Tu nombre real o el nombre con el que te conoce tu audiencia.
• Breve biografía – 2-3 frases sobre tu trayectoria. Sé específico de tu nicho.
• Credenciales – Experiencia o conocimientos relevantes que respaldan tu contenido.
• Foto de perfil – Un primer plano. WordPress la extrae de Gravatar automáticamente si tu correo electrónico coincide con tu cuenta de Gravatar.
• Enlaces sociales – Twitter/X, LinkedIn o dondequiera que estés más activo.

Configura esto en Usuarios → Perfil en WordPress. Los cuatro métodos siguientes extraen la información de los mismos campos de perfil, por lo que rellenarlo una vez lo cubre todo.

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

Como mencionamos anteriormente, personalizar tu tema de WordPress para incluir una sección de biografía del escritor no siempre es sencillo. Aquí tienes 4 maneras de añadir un cuadro de autor de WordPress sin un plugin, de la más fácil a la más técnica.

Método 1: Usar el Bloque de Autor de WordPress

WordPress tiene un bloque de autor integrado en el editor de bloques. Sin plugins, sin código. Extrae tu nombre, biografía y avatar de tu perfil de usuario automáticamente.

La única limitación: añade el cuadro del autor a publicaciones individuales, no de forma global. Para una cobertura en todo el sitio en cada publicación, usa el Método 2 (tema) o el Método 3 (SeedProd) en su lugar.

Paso 1. Abrir una Publicación en el Editor de Bloques

Ve a Publicaciones → Todas las Publicaciones y abre la publicación que deseas actualizar.

Paso 2. Añadir el Bloque de Autor

Haz clic en el insertador + en el editor y busca "Autor". Selecciona el bloque Autor, que muestra detalles del autor de la publicación como nombre, avatar y biografía. Normalmente va debajo del contenido de tu publicación.

Paso 3. Configurar los Ajustes del Bloque

En la barra lateral derecha, verás opciones para mostrar u ocultar el avatar, establecer el tamaño del avatar, mostrar la biografía y enlazar el nombre del autor a su página de autor.

Paso 4. Actualizar la Publicación

Haz clic en Actualizar para guardar. El cuadro del autor ahora aparece en esa publicación.

Si tu biografía o foto no se muestra, ve a Usuarios → Perfil y rellena el campo Información biográfica. Asegúrate de que tu correo electrónico coincida con tu cuenta de Gravatar para que aparezca la foto.

Método 2: Añadir un Cuadro de Autor Personalizado con SeedProd (Sin Código)

Si tu tema de WordPress no admite cuadros de autor y quieres personalizar el aspecto de tu sitio web y la información del autor, esta es la solución para ti.

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

SeedProd es el mejor constructor de sitios web de WordPress con funcionalidad de arrastrar y soltar. Te permite crear temas, diseños y páginas de destino personalizadas de WordPress 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 contratar a un desarrollador.

Uno de esos potentes elementos es el Cuadro de Autor, que te permite adaptar tu biografía de autor al diseño de tu sitio web y añadir enlaces y contenido personalizados.

Paso 1. Instalar el Plugin SeedProd Website Builder

Para empezar, primero necesitarás obtener una licencia de SeedProd.

Nota: Necesitarás una Licencia Pro o Elite de SeedProd para usar el Theme Builder y el bloque Author Box.

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

Una vez que SeedProd esté activo en tu sitio web, ve a la página SeedProd » Ajustes e introduce los detalles de tu licencia.

Puedes encontrar tu clave de licencia del plugin en el sitio web de SeedProd en tu área de cuenta, bajo 'Descargas'.

Paso 2. 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'.

Hacer esto abre una ventana con varios temas prediseñados de WordPress que te permiten empezar rápidamente. Pasa el cursor sobre cualquier tema que te guste y haz clic en el icono de marca de verificación para importarlo a tu sitio web.

Desde allí, verás una lista de las partes individuales de la plantilla que componen tu tema. Por ejemplo, el tema Autor en línea que elegimos incluye las siguientes plantillas:

• Página Individual
• Publicación Individual
• Blog, Archivos, Búsqueda
• Página de inicio
• Barra lateral
• Pie de página
• Encabezado
• CSS global

Normalmente, necesitas visitar un administrador de archivos para acceder y editar los archivos de tu 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 editor visual fácil de usar de SeedPod sin escribir código. Como resultado, puedes personalizar todo tu tema de WordPress señalando, haciendo clic, arrastrando y soltando. ¡Fácil!

Paso 3. Añadir un cuadro de autor a la plantilla de entradas individuales

Para añadir un cuadro de autor personalizado a tu tema de WordPress con SeedProd, primero deberás añadir los detalles de tu autor a tu página de perfil. Puedes hacerlo siguiendo los pasos del Método 2.

A continuación, ve a SeedProd » Theme Builder y busca la plantilla Entrada individual. Desde allí, pasa el cursor sobre ella y haz clic en el enlace 'Editar diseño'.

Eso abrirá tu plantilla de entrada individual en el constructor de arrastrar y soltar de SeedProd.

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

Puedes hacer clic en cualquier lugar 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 debajo del contenido de la entrada. 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 lugar de tu diseño. Por ejemplo, nuestro tema incluye:

• Título de la entrada
• Imagen destacada
• Información de la Publicación
• Comentarios de la entrada

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

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

Luego puedes hacer clic en el bloque para editar la configuración, como:

• Mostrar u ocultar la imagen de perfil
• Mostrar u ocultar el nombre para mostrar
• Tipo de etiqueta HTML
• Incluir un enlace al sitio web o a las entradas de archivo
• 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 las fuentes y las sombras.

En la sección Fondo, puedes 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 darle al cuadro de autor una clase CSS personalizada.

Ahora solo queda continuar personalizando el diseño de la entrada individual.

Si necesitas un poco de ayuda, aquí tienes una guía paso a paso sobre cómo crear una plantilla personalizada para entradas individuales con SeedProd. Te guiará a través de todos los bloques y ajustes 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 en la esquina superior derecha.

Paso 4. Personaliza el resto de tu tema

Ahora te quedan 2 opciones:

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

Recomendamos revisar el resto de las plantillas del tema, incluyendo tu página de inicio, página del blog, encabezados y pies de página, y ajustarlas para que coincidan con tu marca.

Todo lo que tienes que hacer es volver a SeedProd » Constructor de Temas y hacer clic en el enlace ‘Editar Diseño’ en cualquier plantilla. Desde allí, puedes personalizar la plantilla como lo hiciste con el diseño de ‘Entrada Individual’.

Paso 5. Publica tu tema de WordPress

Hacer que tu tema de WordPress y la Caja de Autor estén en vivo con SeedProd es fácil. Ve a la página Constructor de Temas y cambia el interruptor Habilitar Tema SeedProd a ‘Sí’.

Ahora, puedes ir a cualquier entrada de tu sitio de WordPress y ver tu nueva caja de autor personalizada.

Método 3: Usa la compatibilidad del cuadro de autor de tu tema de WordPress

Muchos de los mejores temas de WordPress utilizan el perfil de usuario incorporado para mostrar una caja de autor debajo de cada entrada del blog. Normalmente, incluirá la foto de perfil del autor y su información biográfica.

Pero primero, necesitarás comprobar si tu tema incluye soporte para cajas de autor.

Puedes comprobarlo yendo a Usuarios » Todos los Usuarios desde tu panel de administración de WordPress. Luego, coloca el cursor sobre el perfil correspondiente y haz clic en el enlace ‘Editar’.

En la siguiente pantalla se encuentra la información editable sobre ese usuario en particular. Si tu tema de WordPress soporta cajas de autor, debería haber una sección llamada ‘Información biográfica’ más abajo en la página.

En esa área, puedes 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 foto de perfil del autor del servicio Gravatar si tiene una cuenta. De lo contrario, mostrará una imagen de marcador de posición gris.

Después de añadir la información de tu autor, haz clic en el botón Actualizar Perfil.

Ahora puedes hacer clic en cualquier artículo de tu sitio web de ese escritor y ver su caja de autor en vivo.

Si la caja de autor no aparece después de rellenar tu biografía, es posible que tu tema no incluya soporte para cajas de autor incorporadas. En ese caso, utiliza el Método 1 (Bloque de Autor) para una solución rápida, o el Método 3 (SeedProd) para un diseño personalizado.

Método 4: Añade manualmente un cuadro de autor a WordPress con código

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

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

Para a tilde;adir un cuadro de autor de WordPress sin un plugin, copie el siguiente fragmento de c ilde{o}digo y p ilde{e}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 ilde{o}n obtiene la informaci ilde{o}n del autor y la muestra debajo de las entradas de WordPress en su sitio.

A continuaci ilde{o}n, deber ilde{a} dar estilo al cuadro de autor para que coincida con su tema y marca. Aqu ilde{i} tiene un c ilde{o}digo CSS de ejemplo que puede 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 tilde;adir ese c ilde{o}digo a su tema, haga clic en Apariencia ilde{»} Personalizar desde su panel de administraci ilde{o}n de WordPress. Al hacerlo, se abrir ilde{a} el Personalizador de Temas de WordPress, donde podr ilde{a} personalizar visualmente ciertos aspectos de su tema.

Despl ilde{a}cese hacia abajo hasta que vea el encabezado CSS adicional y expanda la pesta tilde;a. Luego pegue su c ilde{o}digo CSS personalizado y haga clic en el bot ilde{o}n Publicar.

Ahora puede visitar cualquier entrada de blog y ver su cuadro de autor en acci ilde{o}n.

Preguntas Frecuentes

Ahora sabe c ilde{o}mo crear un cuadro de autor de WordPress sin un plugin. Adem ilde{a}s, tiene todos los pasos necesarios para a tilde;adir un cuadro de autor en WordPress utilizando un potente plugin.

SeedProd es mucho m ilde{a}s que un simple plugin de cuadro de autor. Es un constructor completo de sitios web de WordPress con todas las herramientas que necesita para crear un sitio de WordPress totalmente personalizado para principiantes y usuarios avanzados por igual.

ilde{A} Por qu ilde{e} no lo prueba usted mismo?

También te podría interesar esta otra publicación que ofrece impresionantes ejemplos de páginas de inicio de sesión para WordPress.

¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.