WordPress-Theme um Navigationsbereich ergänzen

Von Jonas

Mit drei einfachen Schritten kann WordPress um einen Navigationsbereich erweitert werden, der über das Backend gepflegt wird.

Aktualisiert am 8. März 2023

Für die komfortable Verwaltung von Navigationen im WordPress-Backend sind drei Schritte notwendig. Ihr müsst das jeweilige Menü in der functions.php registrieren, im entsprechenden Theme-Template mittels Template Tag einbinden und zu guter Letzt im Backend anlegen und einer »Theme Location« zuweisen.

Menü in der functions.php registrieren

Folgender Code registriert eine neue Menü-Position namens menu_header und vergibt »Hauptnavigation im Kopfbereich« als Beschriftung im Backend. Detaillierte Infos.

<?php
  add_action( 'after_setup_theme', 'kb_register_menu' );
  
  function kb_register_menu() {
    register_nav_menu( 'menu_header', 'Hauptnavigation im Kopfbereich');
  } 
?>

Template Tag zur Darstellung von Menüs

An der gewünschten Stelle im Theme wird folgender Template Tag eingefügt, um das Menü anzuzeigen.

<?php
 wp_nav_menu(
   array(
    'theme_location' => 'menu_header'
   )
 ); 
?>

Für die Ausgabe stehen zahlreiche Argumente zur Verfügung:

<?php
 $kb_menu_args = array(
  'theme_location' => '',
  'menu' => '',
  'container' => 'div',
  'container_class' => '',
  'container_id' => '',
  'menu_class' => 'menu',
  'menu_id' => '',
  'echo' => true,
  'fallback_cb' => 'wp_page_menu',
  'before' => '',
  'after' => '',
  'link_before' => '',
  'link_after' => '',
  'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
  'depth' => 0,
  'walker' => '' );

 wp_nav_menu( $kb_menu_args );

?>

Menü im Backend verwalten

Im Backend kann nun unter »Design → Menüs« ein Menü angelegt und der Position im Theme zugewiesen werden.

Geschrieben von Jonas

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing