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. Textdomäne y puede cambiar el «60» al tamaño que desee que tenga su Benutzerbild 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
Im Folgenden finden Sie einige CSS-Dateien, die Sie zu Ihrer style.css-Datei hinzufügen können, um Ihrer Autorenbox ein grundlegendes Styling zu verleihen.
#author-bio {Polsterung: 20px 0; Rand oben: 1px fest #ddd; Rand unten: 1px fest #ddd; } #author-Avatar {float: left; Rand rechts: 20px; Rand: 1px fest #D6D6D6; Randradius: 5px; } #author-details {Überlauf: versteckt; } #author-details h2 {Schriftgröße: 18px; Schriftdicke: fett; Rand: 0 0 15px; }}Wie füge ich die Beschreibung der Biographie des Autors hinzu?
Para que la descripción aparezca en la sección de biografía, debe agregarla a su perfil de Nutzername 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 «Biographische Daten"Feld.
