Die Organisation von Inhalten mit Eltern- und Kinderseiten (Unterseiten) ist ein leistungsfähiger Weg, um Ihre WordPress-Website zu strukturieren – insbesondere für Dokumentationen, Serviceseiten, Tutorials, Portfolios oder mehrstufige Geschäftsseiten. Die Anzeige einer dynamischen Liste von Kinderseiten unter einer Elternseite hilft den Besuchern, tiefere Inhalte schnell zu navigieren, reduziert die Bounce-Raten, verbessert die interne Verknüpfung und sendet starke SEO-Signale an Google über Ihre Site Hierarchie.
Mit Full-Site-Bearbeitung und Block-Themen, zeigen Kinderseiten dynamisch ist immer noch ein sehr häufiger Bedarf - und WordPress macht es einfach ohne komplizierte Codierung. Bei Cope Business fügen wir häufig Kinderseitenlisten für Kunden während unserer technische SEO Audits verbesserung der standortstruktur, benutzererfahrung und kriecheffizienz.
Diese Schritt-für-Schritt-Anleitung zeigt Ihnen vier einfache Möglichkeiten, eine Liste von Kinderseiten für jede Elternseite in WordPress anzuzeigen — mit Kurzwahlen, Widgets, Code und Plugins.
Warum Kinderseiten für eine Elternseite anzeigen?
- Bessere Navigation — Benutzer sehen verwandte Unterseiten ohne durch Menüs zu graben
- Verbesserte UX — Klare Hierarchie = weniger Frustration
- SEO Vorteile — Stärkere interne Verknüpfung, besserer Crawl-Pfad, Themencluster
- Inhalt Entdeckung — Highlights tiefere Seiten, die sonst verpasst werden könnten
- Professioneller Look — Machen Sie Dokumentationen, Dienstleistungen oder Kursseiten sich organisiert fühlen
Ideal für: Service-Seiten („SEO Services“ → Kinderseiten für jeden Service), Dokumentations-Seiten, Kursumrisse oder Portfoliokategorien.
Methode 1: Verwendung eines Shortcodes (leicht – kein Plugin benötigt)
WordPress hat einen integrierten Kurzcode für die Auflistung von Kinderseiten.
Schritte
- Bearbeiten Sie jede Elternseite (oder erstellen Sie eine neue).
- Im Blockeditor einfügen Kurzcode block.
- Fügen Sie diesen Kurzcode ein:
text[list_pages child_of="CURRENT_PAGE_ID" sort_column="menu_order" depth="1"]- Ersetzen CURRENT PAGE ID mit der tatsächlichen ID der Elternseite ( Finde ID in URL bei der Bearbeitung: post=123)
- Oder verwenden Sie diese dynamische Version (zeigt Kinder der aktuellen Seite automatisch an):
text[list_pages child_of="this" sort_column="menu_order" depth="1"]- Optionen anpassen:
- tiefe=“1′′ → nur direkte kinder
- sort column=“title” → alphabetisch
- ausschließen=“45,67′′ → spezifische Seiten-IDs ausschließen
- beinhalten=“12,34′′ → nur diese seiten
- Publizieren → Sie haben jetzt eine saubere Liste von Kinderseiten!
Pros: Zero Plugins, native, sehr schnell.
Negativ: Basic-Styling (add CSS für besseren Look).
Schnelle CSS Tipp (Ansicht > Anpassen > Zusätzliche CSS):
CSS
ul.children li {
list-style: none;
margin-bottom: 10px;
}
ul.children a {
display: block;
padding: 12px;
background: #f8f9fa;
border-radius: 6px;
text-decoration: none;
}
ul.children a:hover {
background: #e9ecef;
}Methode 2: Verwendung eines Widgets (für Sidebars oder Footers)
- Gehen Sie Erscheinung > Widgets.
- Hinzufügen Seite widget zu ihrem gewünschten sidebar/fuß.
- In Widget-Einstellungen:
- Titel: „Mehr Services“ oder „In diesem Abschnitt“
- Überprüfen Sie “Unterseiten der aktuellen Seite anzeigen”
- Überprüfen Sie “Sort by menu order” oder Titel
- Tiefe: 1 (nur direkte Kinder)
- Speichern → Kinderseiten erscheinen dynamisch in Sidebar.
Pros: Sehr einfach, keine Shortcodes.
Negativ: Nur in Widget-Bereichen (nicht im Inhalt).
Methode 3: Verwendung eines Plugins (Best for Visual & Advanced Control)
Plugins geben Ihnen Thumbnails, Styling, Hierarchie und mehr.
Empfohlen Plugin: Kategorie Beiträge mit Pagination (Kostenlos)
- Installieren Liste Kategorie Beiträge mit Pagination oder Seiten anzeigen (beide frei).
- Verwenden Sie Shortcode innerhalb von Inhalten:
text[display-posts parent="CURRENT_PAGE_ID" posts_per_page="10" orderby="menu_order title" include_excerpt="true" image_size="thumbnail"]
(Replace CURRENT_PAGE_ID with actual ID or use dynamic methods)
Bestes Plugin: Seite (free)
- Kurzcode:
[pagelist child_of="this" depth="1" show_image="true" show_first_image="true"]- Fügt Thumbnails, Auszüge, Hierarchie hinzu.
Pros: Thumbnails, Pagination, Auszüge, Styling-Optionen.
Negativ: Fügen Sie noch ein Plugin (leichtes Gewicht) hinzu.
Methode 4: Benutzerdefinierte Code in Seite Vorlage verwenden (erweitert)
Für die vollständige Kontrolle auf bestimmten Seiten.
- Erstellen Sie ein Kinderthema.
- Seite kopieren.php auf Seite-Kind-Seiten.php
- Fügen Sie diesen Code hinzu, wo Sie die Liste wollen:
PHP<?php $children = wp_list_pages(array( 'child_of' => get_the_ID(), 'echo' => 0, 'title_li' => '', 'depth' => 1, 'sort_column' => 'menu_order' )); if ($children) { echo '<ul class="child-pages-list">'; echo $children; echo '</ul>'; } ?>- Geben Sie diese Vorlage den Elternseiten zu (Attribute > Vorlage).
Pros: Total control, kein Plugin.
Negativ: Erfordert das Thema Kinder & Vorlage Wissen.
Best Practices für Kinderseitenlisten
- Hierarchie — Verwenden Sie Tiefe=“1′′ nur für direkte Kinder
- Styling — Hinzufügen von Thumbnails, Auszügen oder Icons für visuellen Appell
- SEO — Verwendung von beschreibenden Überschriften; interne Links natürlich hinzufügen
- Mobil — Stellen Sie sicher, dass die Liste reagiert (die meisten Plugins behandeln dies)
- Leistung — Cache-Seite bei Verwendung dynamischer Abfragen
Letzte Gedanken
Die Anzeige von Kinderseiten unter einer Elternseite ist ein schneller Weg, um die Navigation, Benutzererfahrung und interne Verknüpfung zu verbessern – all das hilft SEO. Beginnen Sie mit der integrierten Shortcode-Methode – es ist einfach und leistungsstark. Fügen Sie ein Plugin hinzu, wenn Sie Thumbnails und Styling möchten.
Bessere Struktur = bessere Benutzererfahrung = bessere Rankings.
Brauchen Sie Hilfe, um Ihre Website Hierarchie zu organisieren, dynamische Kinder-Seitenlisten hinzuzufügen oder für SEO zu optimieren? Kontakt Cope Business für eine kostenlose technische SEO Beratung – wir werden Ihre Website Struktur überprüfen und Verbesserungen implementieren, die echte Ergebnisse antreiben.
