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

Custom Logo breiter als 240px machen

Dieses Thema im Forum "Design" wurde erstellt von m266, 5. Februar 2018.

Schlagworte:
  1. m266

    m266 Well-Known Member

    Registriert seit:
    21. April 2010
    Beiträge:
    575
    Zustimmungen:
    12
    Hallo zusammen,

    ich möchte beim Theme "Twentysixteen" das Custom Logo deutlich breiter machen (1024x100px). Wie bekomme ich das mit CSS hin?
    Vielen Dank für jeden guten Tipp!
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Du bist lange genug dabei .... gib uns doch bitte ein Link. Ich installiere mir nicht extra das Theme.
     
  3. m266

    m266 Well-Known Member

    Registriert seit:
    21. April 2010
    Beiträge:
    575
    Zustimmungen:
    12
    Na ja, Twentysixteen ist als Standard-Theme normalerweise immer mit dabei, auch bei lokalen Test-Installationen.

    Hier der gewünschte Link.

    Die breite Grafik hat die Größe 1024x80px.

    Provisorisch habe ich die Datei direkt in der header.php eingebunden, weil ich keine andere Möglichkeit gefunden habe. Vielleicht hat der Sir eine bessere Idee :)
    Danke.
     

    Anhänge:

  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Über ein Child-Theme in der functions.php folgendes anpassen (Zeile 72-76) bzw. neu definieren:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und dann per "Zusätzliches CSS" oder style.css des Childs die Werte für width (und max-width) und height für .custom-logo anpassen.
     
  5. m266

    m266 Well-Known Member

    Registriert seit:
    21. April 2010
    Beiträge:
    575
    Zustimmungen:
    12
    Das hat leider nicht funktioniert und das gleiche hatte ich schon selbst ausprobiert. Das hochgeladene Logo wird im Customizer auf die max. Breite zugeschnitten und dann eingefügt. Dort wird es wohl auf (wieder) 240px skaliert und durch CSS wieder vergrößert. Als Ergebnis kommt ein verzerrtes Logo heraus (siehe Bild). Ich habe selbst schon einige Stunden nach einer Lösung gesucht, BEVOR ich im Forum diese Frage gestellt habe. Wenn es nicht anders zu machen ist, muss ich eben das Logo direkt in die header.php einbauen. Nicht schön, aber so klappt es wenigstens. Getestet in einer lokalen Installation mit Child-Theme.
     

    Anhänge:

  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    CSS usw. für die anderen twentysixteen breakpoints...
     
    #6 b3317133, 8. Februar 2018
    Zuletzt bearbeitet: 8. Februar 2018
  7. m266

    m266 Well-Known Member

    Registriert seit:
    21. April 2010
    Beiträge:
    575
    Zustimmungen:
    12
    @b3317133:

    Das liest sich gut, hat aber leider nicht geklappt :(

    Vorgehensweise:
    - Neues Test-Web im Netz angelegt
    - Child-Theme erstellt
    - Code in functions und style eingefügt
    - Logo im Customizer eingefügt und zugeschnitten

    Ergebnis:
    Logo nach wie vor nur 240px breit

    Link...

    Ich habe dir mal ne PN mit Zugangsdaten gesandt. Bitte guck mal rein, was da schief läuft.
    Vielen Dank für deine Unterstützung!
     
  8. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Hatte hier den Code zum Testen schnell an das Ende der Parent functions.php geschrieben, im Child ist eine höher Priorität nötig, habe das bei Dir geändert und das Logo neu eingefügt.
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Ergänzung: Dass der Code noch nicht berücksichtigt wurde, konnte man auch daran sehen, dass beim Logo auswählen noch die falsche/alte Grösse als "Vorgeschlagene Bildmaße" angegeben war.
     
    #8 b3317133, 8. Februar 2018
    Zuletzt bearbeitet: 8. Februar 2018
  9. m266

    m266 Well-Known Member

    Registriert seit:
    21. April 2010
    Beiträge:
    575
    Zustimmungen:
    12
    Super! Vielen Dank! Das war die Lösung (höhere Priorität). Ich habe zwar Kenntnisse in HTML, PHP, CSS usw. doch kenne ich nicht alle Feinheiten. Jetzt klappt es einwandfrei. Du hast mir sehr geholfen!
     
  10. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Feinheit: Im Regelfall passt auch für Child-Themes die Standardpriorität bei Actions und Filtern, 'after_setup_theme' in dieser Parent/Child Nutzung ist ein Sonderfall.
     
    #10 b3317133, 9. Februar 2018
    Zuletzt bearbeitet: 9. Februar 2018
  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