jede Unterseite eine andere Farbe im Logo

  • Hallo,

    Nicht erschrecken, das Logo ist immer gleich, aber immer in einer anderen Farbe

    Ich wollte mal JavaScript benutzen und habe zum Test auf Notepad eine kleine Webseite angelegt und Bilder mit selbiger CSS-Klasse ( "class") eingebunden. Diese habe ich dann über das DOM-Modell per integrierter Methode getElementsByClassName als Array-Mitglieder angesprochen und die zuerst eingefügten Bildern mit anderen getauscht. Das hat gut funktioniert.

    Das Script habe ich dann in der JS-Box des Themes OceanWP eingebunden und es da auch versucht so zu tauschen. Ich habe natürlich das alles über eine if-Anfrage gelöst. if ( document.title == title der jeweiligen Seite ) { ...................... Anweisungen; } JA! das hat leider nicht funktioniert.

    Ich hab dann noch eine Alertbox mit Abfragen eingefügt, um weitere Infos in Erfahrung zu bringen. Leider habe ich das mit JS im Theme nicht zum Laufen bekommen.

    Unterschiede gibt es da schon. Hier mal der Source-Code des Themes. Ich habe nur das in fett-italic dargestellte Bild bei den Unterseiten zu tauschen versucht. Kann jemand helfen!?

    <div id="site-logo-inner" class="clr">

    <a href="https://www.xyz.de/" class="custom-logo-link" rel="home"><img width="1170" height="297" src="https://www.xyz.de/wp-content/upl…-logo-gsd-1.png" class="custom-logo" alt=""

    srcset="https://www.xyz.de/wp-content/upl…-logo-gsd-1.png 1170w, https://www.grundschule-deuerling.de/wp-content/upl…sd-1-300x76.png 300w, https://www.xyz.de/wp-content/upl…d-1-768x195.png 768w, https://www.xyz.de/wp-content/upl…-1-1024x260.png 1024w" sizes="(max-width: 1170px) 100vw, 1170px" /></a>

    <a href="https://www.xyz.de/" class="responsive-logo-link" rel="home"><img src="https://www.xyz.de/wp-content/upl…e-xyz-mobil.png" class="responsive-logo" width="301" height="210" alt="" /></a>

    </div><!-- #site-logo-inner -->

    • Anzeige

    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

  • In WordPress könnte man normalerweise für sowas eine der body Classes verwenden, mit nur CSS, ohne JavaScript.

    Alternativ eine Modifikation der header.php Datei o.ä. im (Child-)Theme anhand eines Custom Fields auf der jeweiligen Seite o.ä.

    Link zur Seite und Unterseiten?

    Ergänzung: Welche Farbe soll dort wo wie ersetzt werden bzw. direkte Links zu den alternativen Logos?

    7 Mal editiert, zuletzt von b3317133 (27. August 2019 um 21:09)

  • In WordPress könnte man normalerweise für sowas eine der body Classes verwenden, mit nur CSS, ohne JavaScript.

    Alternativ eine Modifikation der header.php Datei o.ä. im (Child-)Theme anhand eines Custom Fields auf der jeweiligen Seite o.ä.

    Link zur Seite und Unterseiten?

    Ergänzung: Welche Farbe soll dort wo wie ersetzt werden bzw. direkte Links zu den alternativen Logos?

    Hier noch eine kleine Frage, also Du meinst über body_classes() für jede Unterseite eigene CSS erstellen und dann über die CSS-Anweisung image-background jedes mal ein anderes Bild laden!?

    mfg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!