Menüpunkte unterschiedlich designen

moeppy01

Hallöchen, ich sitz grad an nem Layout für ne Seite.
Nun wollt ich die Hauptmenüpunkte jeweils individuell designen.

Es gibt ja zwei Möglichkeiten (mir jedenfalls nur bekannt) das ganze auszugeben.
Einmal mit

PHP

wp_list_pages()

und einmal mit der manuellen Variante

PHP

<li><a href="<?php echo get_option('home'); ?>/" class="on" title="Aktuelles">Aktuelles<br />Bla</a></li>

Und genau da häng ich mich auf. Wenn ich das über wp_list_pages() mache, dann kann ich ja nur ein Design für alle Punkte (je Level) designen. Die Unterpunkte kann ich dann wiederum anders designen und so weiter. Aber eben nur je nach Ebene.

Mit der manuellen Variante kann ich wiederrum jeden Punkt (mir gehts nur um die Hauptnavi - 5 Punkte insgesamt) einzeln designen.
Aaaaaaber dann kann ich (jedenfalls weiss ich nich wie) deren Kindelemente (Subpages) nicht anzeigen lassen.

Frage 1:
Kann man mit wp_list_pages() jeden Punkt individuell gestallten?
Auch zusätzlichen Text hinter unter oder neben dem Seitennamen anfügen?

Frage 2:
Kann ich in der manuellen Variante irgendwie die Subpages ausgeben lassen?

Ziel ist es, ich will auf meinem Buttons der Hauptnavi jeweils zwei Zeilen ausgeben. In der ersten Zeile soll dann der Titel der Seite stehen und in der zweiten Zeile will ich nen kleinen Icon und nen kleinen Text (3-4 Worte) anfügen. Beides zusammen soll dann jeweils den Button ergeben.

Ich hab das mal als Bild festgehalten. Dabei ist "Aktuelles" und "Termine" jeweils der Seitentitel und das Icon und den Text will ich dann gern dazu packen.

Subpages sollen dann bei MouseOver über dem jeweiligen Hauotpunkt seitlich ausklappen. Hab leider keine online Variante zum zeigen. Hoffe ich konnte mein Porblem klar definieren?!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

manuell und Subpages geht

2 Quick Tipps: Navigation der statischen Seiten aufteilen

lg

moeppy01

Zitat von Monika

manuell und Subpages geht

2 Quick Tipps: Navigation der statischen Seiten aufteilen

lg

danke, aber das bringt mich leider nicht weiter.

Frau_Braun

Das geht sehr gut, und zwar in Deinem Stylesheet mit sogenannten Kombinatoren, nach folgendem Muster:

PHP

#menu ul li a:link, #menu ul li a:visited {
	Deine Definition
}


#menu ul>li+li a:link, #menu ul>li+li a:visited {
	Deine Definition
}


#menu ul>li+li+li a:link, #menu ul>li+li+li a:visited {
	Deine Definition
}


usw.


#menu ul li a:hover, #menu ul li a:active {
	Deine Definition
}


#menu ul>li+li a:hover, #menu ul>li+li a:active {
	Deine Definition
}


#menu ul>li+li+li a:hover, #menu ul>li+li+li a:active {
	Deine Definition
}


usw.

Alles anzeigen

Angenommen, Du willst bei Menüpunkt 1 Bild 1 als Hintergrund, bei Menüpunkt 2 Bild 2 als Hintergrund usw. haben, definierst Du das entsprechend für jeden benachbarten Menüpunkt und für alle Linkzustände. Wie Du siehst, kommt immer ein +li hinzu. Wenn Du nicht weißt, wie viele Menüpunkte es in Zukunft werden, erstellst Du eben ein paar Definitionen auf Vorrat.

Das Ganze kannst Du dann auch für die Unterseiten machen. Man muss sehr sorgfältig arbeiten, weil man immer tiefer in die Struktur hineinsteigt.

Die Sache hat nur einen Haken: Der Internet Explorer stellt die Geschichte erst ab Version 7 dar. Wie immer hat Microsoft geschlafen.

moeppy01

danke, das werd ich gleich mal ausprobieren.
nur das mit dem ie is nen riesen problem, denn laut statistik nutzen ca 86% der besucher ie6

Frau_Braun

Für Europa gibt es Angaben von 30 - 35 % für IE 6. Das ist immer noch viel! Der unterstützt die Sache aber definitiv nicht, leider!

Brain3rror

Wenn ich richtig verstanden hab was du möchtest,
kannst du entweder mit der PHP-Funktion jeden Punt einzeln designen mit da jeder eine individuelle Klasse bekommt:

Code

<li class="page_item [COLOR="red"][U][B]page-item-29[/B][/U][/COLOR] current_page_item">
<a href="http://localhost/wordpress/?page_id=29" title="bla">Bla</a></li>

Allerdings kannst du die Namen nicht verändern.

Bei der Manuellen variante kannst du die SupPages einfach mit einem weiteren PHP_list_pages ausgeben
Bsp.:

PHP

<?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) { ?>
  <ul>
  <?php echo $children; ?>
  </ul>
  <?php } ?>

Im Anhang ist ein Bild wie ich das bei mir mit MainNavi und SubNavi gelöst hatte (Du müsstest dann halt die manuelle Version für die Main Navi nehmen)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüpunkte unterschiedlich designen

Jetzt mitmachen!