En esta publicación, mostraremos el código básico necesario para agregar una biografía de autor a su tema de WordPress. Ahora, esta guía está dirigida a los desarrolladores que quieren el código básico para agregar a su tema. Si no es un desarrollador y el tema que está usando no incluye una biografía del autor, la mejor solución es utilizar un complemento, en cuyo caso puede consultar nuestra otra publicación «Cómo agregar un cuadro de autor a su sitio de WordPress» para algunas sugerencias. Ahora, entremos en el código:
Autor Bio PHP / HTML
El siguiente código de muestra lo ayudará a empezar a agregar la biografía de su autor a su sitio. Este código mostrará el nombre y la descripción del autor. El nombre se vinculará a la página de publicaciones del autor. Por lo general, este código se agregaría debajo de las publicaciones de su Blog, por lo que en algún lugar dentro del archivo single.php o singular.php. Solo asegúrate de cambiar text_domain por el de tu tema. Text domain y puede cambiar el «60» al tamaño que desee que tenga su avatar de autor.
<div id="author-bio">
<div id="author-avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ), 60 ); ?></div>
<div id="author-details">
<h2><?php esc_html_e( 'Artículo Written by', 'text_domain' ); ?></strong> <?php the_author_posts_link(); ?></h2>
<?php the_author_description(); ?>
</div><!-- #author-details -->
</div><!-- #author-bio -->Ejemplo de autor Bio CSS
Below is some CSS that you can add to your style.css file to give your author box some basic styling.
#author-bio {padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #author-avatar {float: left; margin-right: 20px; border: 1px solid #D6D6D6; border-radius: 5px; } #author-details {overflow: hidden; } #author-details h2 {font-size: 18px; font-weight: bold; margin: 0 0 15px; }How to add the description of the biography of its author?
Para que la descripción aparezca en la sección de biografía, debe agregarla a su perfil de Username en su panel de WordPress. Esto se hace en la pantalla de edición de usuario a la que puede entrar a través de Usuarios> Su perfil y editar el «Biographical information"Field.
