In diesem Beitrag zeigen wir den grundlegenden Code, der zum Hinzufügen einer Autorenbiografie zu Ihrem WordPress-Theme erforderlich ist. Nun, dieser Leitfaden richtet sich an Entwickler, die nach dem grundlegenden Code suchen, den sie ihrem Thema hinzufügen können. Wenn Sie kein Entwickler sind und das von Ihnen verwendete Thema keine Autorenbiografie enthält, ist die beste Lösung die Verwendung eines Plugins. In diesem Fall können Sie sich unseren anderen Beitrag „So fügen Sie Ihrer WordPress-Site ein Autorenfeld hinzu“ ansehen. für einige Anregungen. Kommen wir nun zum Code:
Autor Bio PHP/HTML
Der folgende Beispielcode hilft Ihnen beim Hinzufügen Ihrer Autorenbiografie zu Ihrer Website. Dieser Code zeigt den Namen und die Beschreibung des Autors an. Der Name wird mit der Beitragsseite des Autors verknüpft. Normalerweise wird dieser Code unter Ihren Blog-Beiträgen hinzugefügt, also irgendwo in der Datei single.php oder singular.php. Stellen Sie einfach sicher, dass Sie text_domain in die Ihres Designs ändern Textdomäne und Sie können die „60“ auf die Größe ändern, die Ihr Autoren-Avatar haben soll.
<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( 'Post Written by', 'text_domain' ); ?></strong> <?php the_author_posts_link(); ?></h2>
<?php the_author_description(); ?>
</div><!-- #author-details -->
</div><!-- #author-bio -->
Beispiel Autor Bio CSS
Nachfolgend finden Sie einige CSS, die Sie Ihrer style.css-Datei hinzufügen können, um Ihrer Autorenbox ein grundlegendes Styling zu verleihen.
#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;
}
Wie füge ich Ihre Autoren-Bio-Beschreibung hinzu?
Damit die Beschreibung im Bio-Bereich angezeigt wird, müssen Sie sie zu Ihrem Benutzerprofil in Ihrem WordPress-Dashboard hinzufügen. Dies geschieht in Ihrem Benutzerbearbeitungsbildschirm, auf den Sie über Benutzer > Ihr Profil zugreifen und das „Lebenslauf“ Bereich.