Fehlerhafte Verlinkung in functions.php

  • Hallo zusammen,

    ich habe mir für den Login-Bereich soeben das Logo und den Link-Title geändert.
    Leider funktioniert das Logo allerdings nur, sofern es im images-Ordner des Mutter-Themes eingesetzt ist.

    Wie bekomme ich die Verlinkung in den images-Ordner des Child-Themes korrekt hin?
    Hatte es analog zur Verlinkung der style.css mit dem Zusatz "parent-sytle" ohne Erfolg getestet.

    Aktuell sieht es so aus:

    CSS
    add_action( 'login_head', 'namespace_login_style' );function namespace_login_style() {
        echo '<style>.login h1 a { background-image: url( ';
        echo 'parent-style', get_template_directory_uri() . '/images/login-logo.png';
        echo ' ) !important; }</style>';
    }

    Vielen Dank!

    • 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

  • 1. zieht get_template_directory_uri() das Template Verzeichnis des Parent Themes. Um auf das Child Verzeichnis zu kommen, solltest du get stylesheet directory uri() verwenden.

    2. sieht mir der Code komisch aus, vorallem mit dem 'parent-style' drin, schreib es lieber so:


    PHP
    add_action( 'login_head', 'namespace_login_style' );
    function namespace_login_style() {
        echo '<style>.login h1 a { background-image: url(' . get_stylesheet_directory_uri() . '/images/login-logo.png) !important; }</style>';
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Einmal editiert, zuletzt von maxe (2. Februar 2016 um 11:23)

  • Erstmal vielen Dank maxe!
    Leider erhalte ich nun einen Error 500 vom Server zurück.

    Alternativ versuche ich grade die ganze Login-Seite inklusive des Logos und dessen Größe über ein custom-css anpassen zu können, wie hier beschrieben:
    http://www.problogdesign.com/wordpress/cust…s-login-screen/

    Aber auch das möchte nicht funktionieren.

    Nochmal Edit: Serverfehler behoben. Die _ hatten gefehlt :-)

    Einmal editiert, zuletzt von bluebird145 (2. Februar 2016 um 11:04)

  • Ich kann leider nicht mehr editieren, daher auf diesem Wege:

    Die custom-login.css wird jetzt geladen. Dafür funktioniert die css aus dem Child-Theme nicht mehr, wieso auch immer.
    Hier der gesamte Code aus der functions.php des Child-Themes:

  • Bitte erschlagt mich nicht. Ich kann leider nicht mehr editieren, habe jedoch auch grade den nächsten Fehler gefunden.
    Es lag an einer Kommentierung von mir im CSS.

    Nun würde ich gerne die custom-css für den Login-Bereich ändern.
    Dazu habe ich im folgenden CSS-Schnipsel ein individuelles Login-Logo eingetragen. Leider wird dies jedoch nicht angezeigt.
    Wenn wir die style.css des Child-Themes als root-Verzeichnis sehen würde, liegt von dort aus gesehen die Login-Grafik in images/header.png
    Habe ich den Pfad falsch angepasst?

    Code
    .login h1 a {	background-image: url(../images/header.png);
    	background-image: none, url(../images/header.png);
  • WP ist dynamisch, arbeitet also nicht vom Child-Verzeichnis (als root) aus, gib die feste URL an.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Tausend Dank maxe!

    Jetzt das nächste Problem. Ich möchte gerne die login.css bearbeiten und habe dazu ja eine custom-login.css angelegt im Child-Verzeichnis, welche auch gelesen wird.
    Gerne würde ich die Formularfelder und Verlinkung analog zu meinem i-max-Theme nutzen. Leider bekomme ich es zum verrecken nicht hin, dass ganze entsprechend anzupassen.

    Den gelben Hintergrund der Textfelder z.B. finde ich in der besagten login.css überhaupt nicht. Generell erscheint mir die login.css sehr kompliziert.
    Auch den Submit-Button bekomme ich nicht vernünftig angepasst.

    Hast du da auch einen Tipp für mich?

  • Ich vermute mit gelben Hintergrund meinst du das gelb vom Browser beim Autofill der Daten, hat also nix mit der login.css zu tun ;-) :
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{}

    Und der Submit-Button wird wie folgt angesprochen:
    .wp-core-ui .button-primary{}
    bzw.
    .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover{}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich vermute mit gelben Hintergrund meinst du das gelb vom Browser beim Autofill der Daten, hat also nix mit der login.css zu tun ;-) :
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{}

    Jetzt wo du es sagst... ;-)
    D.h. das kommt fest vom Chrome-Browser und ist nicht zu verhindern, richtig?
    Im Edge-Browser ist es nämlich nicht der Fall.



    Und der Submit-Button wird wie folgt angesprochen...

    Danke!
    Ich habe mir hier jetzt aus dem Theme den Button aus der CSS gezogen:

    ...und dann umgewandelt in die custom-style.css für das Admin-Login:

    Der Button im Normalzustand hat schonmal die richtige, Farbe, abgerundete Kanten usw.
    Allerdings wird das hovern immer noch von dem Wordpress-Blau überschattet. Ebenso leuchtet das "Anmelden" noch blau.

  • Jetzt wo du es sagst... ;-)
    D.h. das kommt fest vom Chrome-Browser und ist nicht zu verhindern, richtig?
    Im Edge-Browser ist es nämlich nicht der Fall.


    Versuch es mal mit !important zu überschreiben.


    Der Button im Normalzustand hat schonmal die richtige, Farbe, abgerundete Kanten usw.
    Allerdings wird das hovern immer noch von dem Wordpress-Blau überschattet. Ebenso leuchtet das "Anmelden" noch blau.


    versuch auch hier mal Angaben mit !important. Versuche es außerdem zusätzlich mit :focus und :hover .

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Habe es beispielsweise so gemacht:

    CSS
    [COLOR=#333333]background: #333333 !important;[/COLOR]

    Funktioniert aber leider nicht. Wie meinst du das mit :focus und :hover?
    Bin zwar fleißig nebenbei am Googeln um nicht zu viel fragen zu müssen, allerdings überfordert mich manches noch. Sorry!

  • ich meinte z.B.
    .wp-core-ui .button-primary:focus {}
    .wp-core-ui .button-primary:hover {}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hallo maxe,

    damit sind wir auch schonmal wieder einen Schritt weitergekommen.
    Der Button ändert jetzt auch korrekt seine Farbe, allerdings nutzt er dabei nicht den Übergangseffekt wie das restliche Theme. Ebenso ist der Button zu klein. Gebe ich Ihm die Maße aus dem Theme mit, wird er zwar breiter aber nicht höher.



    Ebenso würde ich gerne den blauen Rahmen beim aktiven Textfeldern / Checkbox ändern.

    Wärst du so nett mir dabei weiterzuhelfen?
    Vielen lieben Dank!

Jetzt mitmachen!

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