Img tag erreichen zum Überschreiben
Hallo,
ich passe mein wordpress template etwas an (nur kleine Anpassungen), in dem ich verschiedene Elemente in meiner css überschreibe:
Auf einzelnen Seiten möchte ich nun das Logo ändern. Ich kann für jede Seite individuellen CSS Code angeben. Nun möchte ich den img tag überschreiben. Kann mir bitte jemand sagen, wie ich den erreiche?
ich passe mein wordpress template etwas an (nur kleine Anpassungen), in dem ich verschiedene Elemente in meiner css überschreibe:
<div class="span3">
<div class="logo">
<a href="#">
<img alt="Testseite" src="http://localhost/wordpress/images/logo.jpg">
</a>
</div>
</div>
Auf einzelnen Seiten möchte ich nun das Logo ändern. Ich kann für jede Seite individuellen CSS Code angeben. Nun möchte ich den img tag überschreiben. Kann mir bitte jemand sagen, wie ich den erreiche?
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 203959
Url: https://administrator.de/forum/img-tag-erreichen-zum-ueberschreiben-203959.html
Ausgedruckt am: 23.12.2024 um 09:12 Uhr
2 Kommentare
Neuester Kommentar
Hallo,
habe schon lange nichts mehr mit Wordpress gemacht.
Aber du könntest die header.php öffnen und dort folgenden Code einfügen:
Der PHP-Code nimmt die URL deiner aktiven Seite (../deine-url/navi/dein-menuepunkt/unterkategorie/), schneidet alles vor deinem aktiven Menüpunkt weg und alles nach dem nachfolgendem /, sodass quasi folgendes über bleibt:
Nun kannst du deine CSS-Datei nehmen und folgendes dort einfügen:
Funktioniert soweit ich weiß aber nur, wenn du das Logo als Background einfügst.
Gruß
@d4shoerncheN
habe schon lange nichts mehr mit Wordpress gemacht.
Aber du könntest die header.php öffnen und dort folgenden Code einfügen:
<p id="logo" class="<?php
$tmp = substr(get_permalink(), strlen(get_bloginfo('url'))+1);
echo substr($tmp,0, strpos($tmp,'/'));
?>" />
<p id="logo" class="dein-menuepunkt" />
Nun kannst du deine CSS-Datei nehmen und folgendes dort einfügen:
#logo.menuepunkt1 {
background: url('images/logo1.jpg');
}
#logo.menuepunkt2 {
background: url('images/logo2.jpg');
}
#logo.menuepunkt3 {
background: url('images/logo3.jpg');
}
Gruß
@d4shoerncheN