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?
Please also mark the comments that contributed to the solution of the article
Content-Key: 203959
Url: https://administrator.de/contentid/203959
Printed on: April 18, 2024 at 06:04 o'clock
2 Comments
Latest comment
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