it-swarm.com.de

Ändern Sie das Bild basierend auf der Menüelement-ID

Mein Kunde möchte Header-Bilder einfügen, aber die Bilder müssen eindeutig sein, je nachdem, auf welches Menü der Klick erfolgt.

Angenommen, ich habe 2 Menüs. Erstens ist Was ist A und zweitens ist Was ist B. Ich kann die Menü-ID kennen, wenn ich den Mauszeiger über das Menü in der Menüleiste bewege. Angenommen, die erste Menü-ID ist 36 und die zweite ist 37.

Meine Frage ist, wie kann ich die Headerbilder basierend auf der Menüelement-ID ändern?

1
dzulfriday

Wenn es sich bei Ihrem Header-Bild um ein Hintergrundbild handelt, können Sie es dank body_class (); auf jeder Seite mit CSS ändern.

Ihr <body>-Tag sollte folgendermaßen aussehen:

 <body <?php body_class(); ?> >

Wenn Sie dann jede Seite besuchen, werden Sie im Code feststellen, dass dem Body-Tag verschiedene Klassen hinzugefügt werden. Sie können Ihr CSS dann einfach so anpassen, dass es auf jedes Element auf jeder Seite zielt. zum Beispiel :

.page-id-96 #header{ background-image:url(myimage.png); }

UPDATE

Sie können die ID der Seite auch an Ihren Bildcode übergeben, z. B. wenn sich das Bild außerhalb der WP -Schleife über der Kopfzeile befinden muss:

<img src="http://www.mywebsite.com/img/banner_<?php global $wp_query; echo $wp_query->post->ID; ?>.jpg" alt="" />

Mit diesem Code sucht Wordpress nach einem Bild, dessen Name von der ID Ihrer Seite abhängt. Wenn Sie sich zum Beispiel auf Seite ID=23 befinden, wird banner_23.jpg geladen. Sie müssen also nur Ihre verschiedenen Banner entsprechend benennen.

Eine andere Lösung wäre die Verwendung einzelner Seitenvorlagen .

1
mike23