Multi-Level Navigation mit WordPress

Oft möchte man eine horizontale Navigationsleiste auf seiner Webseite haben, welche dann die Unterkategorien in einer vertikalen Navigationsleiste anzeigt. Um dieses Layout in WordPress zu erreichen, muss man ein wenig tricksen.

Zuerst muss man im WordPress-Backend ein paar „Seiten“ anlegen. Hauptkategorien (für die horizontale Navigation) werden normale „Seiten“ und Unterkategorien werden Seiten, welche als „Eltern“ die Seiten der Oberkategorien haben.

Hat man diese Reihenfolgen erstellt, dann kann man mit dem nachfolgenden Beispiel-Code die jeweiligen dynamischen Navigationen darstellen.

Quelltext:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<div id="toplevel_categories">
<ul>
<?php
	wp_list_pages('title_li=&depth=1');
?>
</ul>
</div>
 
<div id="sublevel_categories">
<?php
	if($post->post_parent)  
		$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); 
	else  
		$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");  
 
	if ($children && is_page()) 
		echo "<ul>$children</ul>";
	else 
		echo "<ul><li>&nbsp;</li></ul>";
?>
</div>