Navigation Dynamisch gestalten Hilfe bei Schulprojekt

  • elaxo

    (@elaxo)


    vor 6 Jahren, 11 Monaten

    Hey Community,

    ich bräuchte Hilfe bei einem Schulprojekt.

    Ich möchte die Navigation der oben gelisteten Seite Dynamisch in WordPress gestalten.
    Hierfür habe ich bereits im WordPress Admin ein Menü erstellt. Dieses möchte ich nun statt dem statischen anzeigen.
    Diesen Code habe ich bereits geschrieben bzw. hier komme ich nicht mehr weiter:

      <?php wp_nav_menu(

			 array(

			 'menu_id' => 'primary-menu',
			 'menu_class' => 'flexitem' ,

			 'container_class' => 'flex',

			 ));
			 ?>

    Das Menü wurde mit Flexboxen von einem Kollegen gemacht. Das Problem, welches ich habe ist (nehme ich an), dass ich nicht alle Klassen des Menüs anspreche und deshalb der Style aus dem CSS nicht 100% angewendet wird.
    Html Code vom Menü:

     <div class="flex">
					<div class="flexitem"><a href="index.php">Home</a></div>
					<div class="flexitem"><a href="angebot.php">Angebot</a></div>
					<div class="flexitem"><a href="ersatzteile.php">Ersatzteile</a></div>
					<div class="flexitem">
						<div id="dropdown" class="dropdownCSS">
							<span>Kontakt</span>
  							<div class="dropdown-content">
    							<p><a href="kontakt.php">Wie erreichen Sie uns?</a></p>
    							<p><a href="kontaktformular.php">Kontaktformular</a></p>
  							</div>
						</div>
					</div>
				</div>

    Für jeden Input sage ich schon jetzt Danke!

    • Dieses Thema wurde geändert vor 6 Jahren, 11 Monaten von elaxo.
    • Dieses Thema wurde geändert vor 6 Jahren, 11 Monaten von elaxo.
    • Dieses Thema wurde geändert vor 6 Jahren, 11 Monaten von elaxo.
    • Dieses Thema wurde geändert vor 6 Jahren, 11 Monaten von elaxo.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator Marcus Spanier

    (@espiat)

    vor 6 Jahren, 11 Monaten

    Was meinst du genau mit

    Dynamisch in WordPress gestalten.

    Eigentlich bedeutet das eine automatische Befüllung von Inhalten.

    Mit deinem HTML Code gibst du jedenfalls nicht dein Menü aus dem Backend aus.

    Schaue dir hierzu https://codex.wordpress.org/Navigation_Menus an.

    Thread-Starter elaxo

    (@elaxo)

    vor 6 Jahren, 11 Monaten

    Meine eigentliche Frage war:
    Die korrekte Formatierung anzuwenden mit wp_nav_menu .
    Also irgendwie die 3 verschiedenen Klassen in wp_nav_menu einbauen.
    Ich habe 3 verschiedene Klassen in meinem Menü, jedoch schaffe ich es nicht diese Korrekt einzubinden. Dabei bräuchte ich Hilfe.

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 6 Jahren, 11 Monaten

    Hast du dir mal die Doku zu wp_nav_menu angeschaut?

    Home

    Da gibt es unten auch weitergehende Infos, unter anderem einen Weg CSS-Klassen per Filter hinzuzufügen:

    function special_nav_class($classes, $item){
     $classes[] = 'flexitem ';

     return $classes;
}
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);

    Diese Zeile:
    'menu_class' => 'flexitem' ,
    kann dann raus, da menu_class ja den Wrapper betrifft und nicht den einzelnen Menüpunkt.

    Hilft dir das weiter?

    Gruß, Torsten

    Thread-Starter elaxo

    (@elaxo)

    vor 6 Jahren, 10 Monaten

    Danke Torsten
    Hat mir sehr weitergeholfen und ich habs mittlerweile fast geschafft

    lg elaxo

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Navigation Dynamisch gestalten Hilfe bei Schulprojekt“ ist für neue Antworten geschlossen.