1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

jede Unterseite eine andere Farbe im Logo

Dieses Thema im Forum "Design" wurde erstellt von alhai, 27. August 2019.

  1. alhai

    alhai Well-Known Member

    Registriert seit:
    11. Oktober 2014
    Beiträge:
    107
    Zustimmungen:
    1
    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/uploads/2019/08/cropped-header-logo-gsd-1.png" class="custom-logo" alt=""

    srcset="https://www.xyz.de/wp-content/uploads/2019/08/cropped-header-logo-gsd-1.png 1170w, https://www.grundschule-deuerling.de/wp-content/uploads/2019/08/cropped-header-logo-gsd-1-300x76.png 300w, https://www.xyz.de/wp-content/uploads/2019/08/cropped-header-logo-gsd-1-768x195.png 768w, https://www.xyz.de/wp-content/uploads/2019/08/cropped-header-logo-gsd-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/uploads/2019/08/logo-eule-xyz-mobil.png" class="responsive-logo" width="301" height="210" alt="" /></a>

    </div><!-- #site-logo-inner -->
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    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?
     
    #2 b3317133, 27. August 2019
    Zuletzt bearbeitet: 27. August 2019
    alhai gefällt das.
  3. alhai

    alhai Well-Known Member

    Registriert seit:
    11. Oktober 2014
    Beiträge:
    107
    Zustimmungen:
    1
    Danke Dir, ich werde das mal versuchen, bin gerade an der Ausarbeitung!

    #mod: keine Vollzitate bitte.
     
    #3 alhai, 28. August 2019
    Zuletzt von einem Moderator bearbeitet: 28. August 2019
  4. alhai

    alhai Well-Known Member

    Registriert seit:
    11. Oktober 2014
    Beiträge:
    107
    Zustimmungen:
    1
    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
     
  5. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Nutze einfach die jetzt bereits vorhandenen body classes Deiner Seiten, z.B. .page-id-113 i.v.m. der passenden Klasse bzw. ID auf Deiner Seite für das Hintergrundelement.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden