Easy SEO stellt Breadcrumbs auf zwei Wegen bereit:
- per Shortcode
- per Elementor-Widget
Shortcode
[easy_seo_breadcrumbs]Dieser Shortcode zeigt Breadcrumbs für die aktuelle Seite an.
Häufige Beispiele
Weiße Breadcrumbs auf dunklem Hintergrund:
[easy_seo_breadcrumbs color="#ffffff"]Kompakte Breadcrumbs ohne Startseite:
[easy_seo_breadcrumbs show_home="no" separator="/"]Individuell gestylte Breadcrumbs:
[easy_seo_breadcrumbs link_color="#ffffff" current_color="#e5e7eb" separator_color="#cbd5e1" hover_color="#ffffff" font_size="14px" link_decoration="none"]Parameter
| Parameter | Standard | Bedeutung |
|---|---|---|
show_home | yes | zeigt die Startseite am Anfang |
home_label | Startseite | Text für die Startseite |
separator | › | Trennzeichen zwischen den Ebenen |
schema | yes | gibt BreadcrumbList JSON-LD aus |
color | leer | gemeinsame Textfarbe |
link_color | leer | Linkfarbe |
current_color | leer | Farbe der aktuellen Seite |
separator_color | leer | Farbe des Trennzeichens |
hover_color | leer | Hover-Farbe für Links |
font_size | leer | Schriftgröße, z. B. 14px oder 0.95rem |
link_decoration | underline | underline oder none |
class | leer | eigene CSS-Klasse |
aria_label | Breadcrumb | zugängliche Beschriftung |
Elementor-Widget
Das Widget heißt Easy SEO: Breadcrumbs.
Es bietet eigene Elementor-Controls für Inhalt und Design. Die Shortcode-Parameter gelten nur für den Shortcode, nicht für das Elementor-Widget.