Cómo añadir un cuadro de información de autor en WordPress Posts

¿Quieres añadir un cuadro de biografía del autor en tus posts de WordPress? El cuadro de biografía del autor es una pequeña sección donde se puede mostrar información sobre el autor del mensaje con enlaces a su sitio web y perfiles sociales. En este artículo, mostraremos cómo añadir un cuadro de información de autor en WordPress.

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

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

Para sitios web de un solo autor, puedes añadir una página sobre mí. Pero para sitios de varios autores de WordPress, necesitarás añadir un cuadro de información de autor debajo de cada entrada.

El cuadro de autores anima a los autores a interactuar con los lectores. Proporciona un incentivo adicional para que los autores construyan sus propios seguidores.

Si aceptas entradas de invitados de otros bloggers en tu sitio web, entonces un cuadro de información de autor te ayudará a ganar más tracción en tu sitio.

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

Adición de un cuadro de información de autor en WordPress Posts

Para hacerlo más fácil, hemos creado un tutorial en vídeo sobre cómo añadir un cuadro de información de autor que puede ver a continuación.

Suscribirse a AprenderWP

Sin embargo, si sólo quieres seguir instrucciones de texto, puedes seguir nuestro tutorial paso a paso sobre cómo añadir un cuadro de información de autor en WordPress.

Hay muchas maneras diferentes que puede utilizar para añadir una sección de información de autor. Le mostraremos dos plugins diferentes, así como el método de código. De esta manera usted puede elegir el método que mejor se adapte a su sitio.

Método 1: Caja de Autor Debajo de WordPress Posts Usando Plugin

La mayoría de los propietarios de sitios desean mostrar la información del autor al final de un mensaje. He aquí cómo puede mostrar fácilmente un cuadro de información de autor al final de los mensajes de WordPress.

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

Cada autor en su sitio necesitará añadir su información biográfica y enlaces a sus perfiles de usuario. Pueden hacer esto accediendo a su cuenta de WordPress en su sitio web y luego haciendo clic en el enlace Perfil del menú de administración de WordPress.

Como administrador del sitio, también puede rellenar esta información editando el perfil de cada usuario. Deberá visitar la página Usuarios " Todos los usuarios y, a continuación, hacer clic en el enlace de edición situado debajo del usuario que desea editar.

Ahora puedes visitar cualquier entrada de WordPress en tu sitio, y verás el cuadro de información del autor debajo de la entrada.

El plugin utiliza el sistema de avatares por defecto de WordPress, llamado Gravatar. Tus autores tendrán que añadir su foto en el sitio web de Gravatar. Para más información echa un vistazo a nuestra guía sobre Gravatar, y por qué deberías empezar a usarla de inmediato.

Personalizando la apariencia del cuadro de información del autor

El plugin Guerrillas Author Box viene con CSS muy básico. Heredará el enlace y los colores del texto del tema de WordPress.

Sin embargo, si desea personalizarlo y se siente cómodo trabajando con CSS, puede copiar la CSS por defecto del plugin y pegarla en la hoja de estilos de su tema o tema hijo.

Aquí hay un ejemplo de CSS que puede utilizar como punto de partida. Hemos cambiado el color de fondo y hemos hecho que la foto del autor sea redonda en lugar de cuadrada.

1234567891011121314141516171819202122232425262728293031323334353637383940414243444546474849.envoltura de guerrilla { antecedentes: #ECECEC; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border: 1pxsolid#d0d0d0d0; flotador: izquierda; acolchado: 2%; ancho: 100%;} .guerrillagravatar { float: izquierda; margen: 010px00; ancho: 10%;}.guerrillagravatar img { border-radius:50%;}.border:1px solid#eee;}.guerrillatext { float: izquierda; ancho: 84%;}.guerrillatext h4{ font-size: 20px; line-height: 20px; margin: 0000; padding: 0;} .guerrillatext p { margen: 10px015px0; font-style: italic;} .guerrillasocial { float: izquierda; anchura: 100%;} .guerrillasocial a { frontera: 0; margen derecho: 10px;}

Así es como se veía el cuadro de información del autor en nuestro sitio web de demostración después de aplicar este CSS. El suyo puede tener un aspecto ligeramente diferente dependiendo de las fuentes y los colores utilizados en el tema de WordPress.

Método 2: Información del autor en el widget de Sidebar para mensajes individuales

El método anterior es genial si quieres mostrar la información del autor debajo de los mensajes. Sin embargo, algunos de ustedes pueden querer mostrar su biografía de autor en la barra lateral o en cualquier área preparada para widgets.

A continuación se muestra cómo puede mostrar información de autor en un widget de la barra lateral.

Lo primero que tiene que hacer es instalar y activar el plugin Meks Smart Author Widget.

Tras la activación, debe visitar la página Apariencia " Widgets . Allí encontrará Meks Smart Author bajo la lista de widgets disponibles. Añada este widget a la barra lateral donde desea mostrar la información del autor.

El widget viene con varias opciones. La opción más importante que debe marcar es la casilla de verificación situada junto a la opción Detectar automáticamente al autor .

Haz clic en el botón Guardar para guardar la configuración de tu widget. Ahora puede visitar su sitio web para ver el widget de información de autor en acción.

Este plugin también obtiene información del usuario de su perfil de WordPress. Sus autores tendrán que rellenar su información biográfica.

Método 3: Añadir un cuadro de información de autor utilizando código

Ambos métodos descritos anteriormente se basan en plugins. Si por alguna razón necesita agregar manualmente el cuadro de información de autor, entonces aquí está cómo puede hacerlo.

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

12345678910111213141415161717181920212223324252526272829303132333435363738394041424344454454647484950515252535556functionwpb_author_info_box( $content) { global$post; // Detectar si se trata de un solo mensaje con un mensaje con un mensaje de autoría( is_single() && isset( $post->post_author) Si el nombre para mostrar del autor no está disponible, utilice un apodo como nombre para mostrar si está vacío (( $nombre_de_visualización) )$nombre_de_visualización= get_the_author_meta( apodo, $post->post_author); // Obtener información biográfica o descripción del autor$descripción_del_usuario= get_the_author_meta( `descripción_del_usuario, $post->post_author); // Obtener URL del sitio web del autor $user_website= get_the_author_meta(url, $post->post_author); // Obtener enlace a la página del archivo del autor$user_posts= get_author_posts_url( get_the_author_meta( ID, $post->post_author)); if(! empty( $display_name) ) $author_details= .

Acerca de". $nombre_de_la_pantalla.

Si(! empty( $user_description) )// Autor avatar y bio $author_details.= .

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

"$author_details.=

. $user_posts.">Ver todos los mensajes de . $nombre_pantalla. Verificar si el autor tiene un sitio web en su perfilif( ! empty( $user_website)) { // Mostrar enlace al sitio web del autor$author_details.= | . Sitio web del usuario.">Sitio web

Si no hay un sitio web de autor, entonces cierra el párrafo$author_details.=

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

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

Puede utilizar este CSS en su tema o en la hoja de estilo de su tema hijo. Siéntase libre de modificarlo para satisfacer sus necesidades.

123456789101112131414151617.author_bio_section{background: nonerepeatscroll00#F5F5F5;padding: 15px;borde: 1pxsolid#ccc;} .author_name{font-size:16px;font-weight: bold;}.author_details img {border: 1pxsólido#D8D8D8D8;radio del borde: 50%;flotador: izquierda;margen: 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 le haya ayudado a añadir el cuadro de información del autor en los posts de WordPress. También puede consultar nuestra guía sobre cómo añadir o eliminar funciones a los roles de usuario en WordPress.

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