horizontales Menu nachbauen - WP-code gesucht

Yuri

Hallo Leute,

ich möchte gerne das grau horizontale Menu von dieser Seite nachbauen (modthemes.com/).

allerdings habe ich ein Problem: das style ist nicht das Problem. Interessanter wird es beim Quellcode:
Wie schaffe ich es eine Liste ausgesuchter statischen Seiten in das Menü zu bekommen und gleichzeitig eine Class für den Li-Tag zum "Home" Link zu erstellen?

Ich habe erst gerade gesehen, dass wp_page_Menu leider das falsche ist, oder das falsche sein könnte. Es sei denn, es gibt irgendwo eine Hilfe, dass ich einzelne Tags mit CSS-Klassen versehen kann.

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

maxe

Hast du dir schon mal das Standard-Theme TwentyTen angeschaut? Das hat auch so eine Navi, realisiert mit der neuen Funktion wp_nav_menu(): http://codex.wordpress.org/Function_Reference/wp_nav_menu

Yuri

Das Hilft mir leider nicht viel weiter. Auf der oben genannten seite wird Home durch eine Grafik neu hinterlegt, sobald diese seite aktiv ist. Dazu ist aber eine neue CSS-Klasse erforderlich. ;(

maxe

okay, hab's mir mal auf foto-tipps.de und auch im TwentyTen-Theme angeschaut. Du hast recht, es wird keine extra Klasse vergeben. Da hab ich auch keine Idee mehr, außer vielleicht direkt in der wp-includes/post-template.php zu arbeiten (was aber nicht zu raten ist, da es das nächste Update nicht überstehen wird) oder mit wp_list_pages() bzw. wp_page_menu('show_home=0') und festem Home-Link zu arbeiten.
Vermutlich kann man auch eine Funktion bauen wo man dann dem Home eine Extra-Klasse mitgeben kann, das müsste dann aber jemand anderes in Angriff nehmen.

Yuri

Zitat

oder mit wp_list_pages() bzw. wp_page_menu('show_home=0') und festem Home-Link zu arbeiten.
Vermutlich kann man auch eine Funktion bauen wo man dann dem Home eine Extra-Klasse mitgeben kann, das müsste dann aber jemand anderes in Angriff nehmen.

Ja daran habe ich auch schon gedacht. Ich hoffe noch, dass sich jemand für letzteres findet. Du kennst nicht zufällig jemanden, der sich damit auskennt und mir helfen könnte?

Da fällt mir ein: ich habe eine seite gefunden. Da steht folgender quelltext im Header:
<?php do_action('mystique_header'); ?>

Hast du eine ahnung wo ich da einsehen kann, wie die das gemacht haben? (http://wordpress.org/extend/themes/mystique)

maxe

Hab grad noch mal über die css Möglichkeiten genauer nachgedacht. Du könntest es doch mit mit einer Pseudo-Klasse

Code

#menu ul li:first-child {background:url(...);}

oder so formatieren:

CSS

#menu ul > li.current_page_item {background:url(...) !important;}

Yuri

So nun endlich die Lösung:
Da der Listenpunkt "Home" keine Definition hat, dafür aber alle anderen mit
"page_item" definiert sind, habe ich einfach meine CSS Definition umgeschrieben, sodass Home und alle anderen nun ihren Hintergrund beim aktivieren und beim drüberfahren bekommen.

Es hat lange gedauert, aber so geht es nun endlich. Auch wenn es deutlich mehr Quelltext ist, durch diese ganzen Klassen und Definitionen der links.

maxe

war ich wohl einen Takken zu spät :|

Willkommen! Melden Sie sich an oder registrieren Sie sich.

horizontales Menu nachbauen - WP-code gesucht

Jetzt mitmachen!