Ich habe heute an einem neuen Premium-WordPress-Theme gearbeitet und eines der Dinge, die ich eingebaut habe, war eine benutzerdefinierte Breadcrumb-Navigation. Damit es am besten aussieht, müssen Sie eine Struktur wie diese haben: Home > Kategorie > Beitragstitel. Unten ist der Code, den ich verwendet habe, um die aktuelle Kategorie eines Beitrags zu erhalten und darauf zu verlinken.
Kategorielink mit benutzerdefiniertem Code anzeigen
Fügen Sie diesen Code einfach dort ein, wo Ihr Kategorielink erscheinen soll. Dadurch wird ein Link zur ersten Kategorie Ihres Beitrags angezeigt. Dieser Code kann in jeder Theme-Vorlagendatei platziert werden, sogar außerhalb der Schleife, aber er funktioniert nicht, wenn er in der functions.php platziert wird, es sei denn, er wird in einen Action-Hook „eingehakt“, der ausgeführt wird, nachdem WordPress initialisiert wurde, wie zum Beispiel „init“.
<?php
$get_cat = get_the_category();
$first_cat = $get_cat[0];
$category_name = $first_cat->cat_name;
$category_link = get_category_link( $first_cat->cat_ID ); ?>
<a href="<?php echo esc_url( $category_link ); ?>" title="<?php echo esc_attr( $category_name ); ?>"><?php echo esc_html( $category_name ); ?></a>
Kategorielink für benutzerdefinierte Taxonomie
Wenn Sie den ersten Kategorielink für eine benutzerdefinierte Taxonmie anzeigen möchten, ist der Code etwas anders. Wenn Sie beispielsweise ein Premium-Theme wie unser „Gesamtes WordPress-Theme“, dann werden Sie feststellen, dass es benutzerdefinierte Beitragstypen wie Portfolio, Mitarbeiter und Testimonials gibt, und einige davon haben benutzerdefinierte Taxonomien wie „Portfolio-Kategorie“. Wenn Sie also die erste Kategorie anzeigen möchten, in der sich ein Portfolio-Beitrag befindet, gehen Sie wie folgt vor:
<?php
$get_cat = wp_get_post_terms( get_the_ID(), 'portfolio_category' );
$first_cat = $get_cat[0];
$category_name = $first_cat->cat_name;
$category_link = get_category_link( $first_cat->cat_ID ); ?>
<a href="<?php echo esc_url( $category_link ); ?>" title="<?php echo esc_attr( $category_name ); ?>"><?php echo esc_html( $category_name ); ?></a>
Beachten Sie, dass wir in diesem Beispiel wp_get_post_terms() anstelle von get_the_category() verwendet haben. Das liegt daran, dass get_the_category() nur für die Kernkategorie-Taxonomie in WordPress funktioniert, nicht für benutzerdefinierte Taxonomien.
So zeigen Sie den Kategorielink mit Yoast SEO Breadcrumbs an
Ihre andere Möglichkeit besteht darin, einfach die integrierten Breadcrumbs-Funktionen zu verwenden Yoast SEO-Plugin. Wenn Sie die aktuelle Kategorie für einen Beitrag anzeigen, ist es im Allgemeinen eine gute Idee, diese in Ihren Breadcrumbs anzuzeigen, da dies eine einfache Navigation auf Ihrer Website für Benutzer bietet, aber auch bei Ihren SEO-Bemühungen hilfreich sein kann. Viele kostenlose und Premium-WordPress-Themes verwenden und empfehlen Yoast SEO zum Hinzufügen von Breadcrumbs, da es einfach und effektiv ist.
Um die Yoast SEO-Breadcrumbs-Funktion zu verwenden, müssen Sie zunächst sicherstellen, dass Ihr WordPress-Theme kompatibel ist. Wenn dies nicht der Fall ist, ist dies einfach zu beheben. Fügen Sie einfach den folgenden Code in Ihre Theme-Datei ein, in der Sie Ihre Breadcrumbs anzeigen möchten (normalerweise single.php oder page.php über dem Seitentitel):
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">','</p>');
}
?>
Sobald Ihr Theme fertig ist, können Sie sich bei WordPress anmelden und zu SEO > Erweitert > Breadcrumbs gehen.
Jetzt können Sie Ihre benutzerdefinierten Breadcrumb-Einstellungen hinzufügen. Klicken Sie auf Speichern und Ihre Breadcrumbs werden angezeigt, wie Sie sie einstellen!