Loginbereich anpassen

Hallo zusammen,

ich würde gerne meinen Login-Bereich etwas personalisieren.

Ich würde gerne unter /wp-login.php einen neuen Hintergrund einfügen (Grafik) & dort wo normal wordpress logo über das Loginkästchen ist, die Verlinkung von wordpress selbst ersetzten durch meine.

In welchen Dateien muss ich da genau schauen um da drauf zu kommen?

Grüße:
Splashware

Zitat von bgeissler

oder ohne plugin selbst anpassen:
in die Theme functions.php diesen Code einfügen:

Einen neuen Ordner anlegen
http://URL/wp-content/themes/themename/custom-login/
in diesen Ordne eine Datei custom-login.css erstellen. Darin kannst du deine css-Anpassungen vornehmen.

Sehr guter Tipp.
Wo genau muss ich dies in der funktions.php rein tun?
Irg.wo oben oder unten?

Zitat von bgeissler

oder ohne plugin selbst anpassen:
in die Theme functions.php diesen Code einfügen:

PHP

// wp-login.php anpassen
// custom login for theme
// folder themes/theme_name/custom-login/
function fb_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="http://URL/wp-content/themes/themename/custom-login/custom-login.css" />';
}
add_action('login_head', 'fb_custom_login');

Bei dem fettgedruckten meins angeben oder?
Und in der CSS-Datei habe ich:

body{
background-image:url('/images/loginbackg.png');
background-color:#cccccc;
}

Jedoch tut sich nach dem aktualisieren nichts?

Zitat von bgeissler

Lies mal hier http://projects.lb-home.de/2012/07/wordpr…ne-login-seite/

oder google: wp-login.php anpassen

Danke für die Seite, sehr Hilfreich.
Logo und Verlinkungen wurden gesetzt. Aber den Background bekomme ich nicht hin?

Ich habe auch in der customer-login.css Datei dies aber eingetragen:

body{




background-image:url('loginbackg.jpg');
}

Das Bild ist im selben Ordner wie die .css Datei selbst wenn ich es in den Image-Ordner werfe und es dann so verlinke, funktioniert es nicht?

Zitat von bgeissler

mach es mal so:

also die Seite bleibt genau so standartmäßig wie vorher.

Woran kann das liegen?
Das ist die custom-login.css Datei und die werfe ich in den Themes Ordner rein unter einem eigenen Ordner dafür.

Ich meine, den Header konnte ich ja auch auswechseln.

Was besteht noch für eine Möglichkeit bzw. wo könnte der Fehler liegen?
.jpg Dateien & .png sind ja auch erlaubt und normal Standardmäßig in Ordnung?

Ist den das Bildverzeichnis richtig?
Das Bild liegt in der wp-content/themes/*Designname*/Custom-Login/ Ordner

Zitat von bgeissler

so funktioniert es bei mir:

In meinem letzten Post hatte sich ein Fehler eingeschlichen:

Dateien: custom-login.css, loginbackg.jpg

liegen beide hier: href="http://url/wp-content/the…ustom-login.css

Genau diese zwei Dateien sind es in diesem Verzeichnis.

Habe es 1:1 in meine custom-login.css Datei so kopiert.
Aber es tut sich einfach nichts?

Ich versteh es ehrlich gesagt gerade nicht so, das müsste doch gehen?

Wo kann noch der Fehler liegen?

Ist

body.login

schon das richtige für den wp-login.php Hintergrund?

Zitat von bgeissler

Was steht danach bei dir?

Genau das hab ich reinkopiert:

body.login {
margin-top:0; 
padding-top:120px; 
background: #b8da90 url('loginbackg.jpg'); }

Zitat von bgeissler

Jetzt nenne mir mal deine URL.
Und was hast du wo in die functions.php eingesetzt? Bitte die einige voher- und nachhehrgehende Zeilen mit anzeigen.

URL: http://www.home-photoshop.de

custom-login.css:

Zitat

body.login {margin-top:0;
padding-top:120px;
background: #b8da90 url('loginbackg.jpg'); }

funktions.php:

function fb_custom_login() {echo '<link rel="stylesheet" type="text/css" href="http://meineURL.de/wp-content/themes/*design*/custom-login/custom-login.css" />';
}


add_action('login_head', 'fb_custom_login');

Zitat von bgeissler

Die neue Definition gehört nicht ans Ende.

Beachte die Reihenfolge:

ah, jetzt funktioniert es.
Dankeschön. Warum muss man da so genau die Reihenfolge beachten?