Wie wordpress Login / Registrierungsseiten anpassen?

Meine Frage ist, wie ich die Standard-Login– und Registrierungsseite von WordPress anpassen kann, ohne die coredateien von WP zu bearbeiten. Ich denke eher an den Code von functions.php.

Kann mir jemand helfen, indem ich ein Tutorial oder etwas finde? Denken Sie daran, ich möchte die WP-coredateien nicht bearbeiten. Vielen Dank!

Solutions Collecting From Web of "Wie wordpress Login / Registrierungsseiten anpassen?"

Hier ist meine functionen.php, dass Sie die functionen kopieren können. Mein CSS ist zwar schnell zusammengewürfelt und könnte ordentlicher sein. Ich bin gerade in einer hastigen Startphase. Aber Sie können die functionen verwenden. Der erste fügt Ihrem Kopf der Anmeldeseite css hinzu, um die Stile zu überschreiben. Die späteren zwei functionen ändern das URL- und Titelattribut des Logo-Links.

 // LOGIN - benutzerdefinierter Stil  
 function my_login_style () {  
     Echo '  
     #Anmeldung {  
         Hintergrund: keine;  
         Grenze: 0;  
         Kastenschatten: 0;  
         -moz-box-shadow: keine;  /* Feuerfuchs */  
         -webkit-box-shadow: keine;  / * Safari, Chrome * /  
         Kastenschatten: keine;  / * CSS3 * /  
         }  
     #nav {  
         Hintergrund: keine;  
         }  
     bilden {  
         -moz-box-shadow: 0 4px 18px # 0b0b0b;  
         -webkit-box-shadow: 0 4px 18px # 0b0b0b;
         Box-Schatten: 0 4px 18px # 0b0b0b;
         }

     #login form # Anmeldeformular, #login Formular # registerform, #login Formular # lostpasswordform {
         Grenze: 1px fest #fff;
         }

     #login h1 {
         Rand unten: 10px;
         }

     #login h1 a {
         Breite: 300px;
         Höhe: 85px;
         Rand: 0 Auto 31px;
         }

     #login form # loginform #benutzer_login, #login form # loginform #benutzer_email, #login form # registerform #benutzer_login, #login form # registerform #benutzer_email, #login form # lostpasswordform #user_login, #login form # loginform #user_pass, #login form # Anmeldeformular #openid_identifier   
         {  
         Grenze: 1px fest #aaa;  
         }  

     #login form .submit Eingabe {  
         Hintergrund: # 2bab44 url ​​("zhttp: //www.domain.com/site/themes/mytheme/img/login-button-gradient8.png") left top repeat-x! wichtig;   
         Grenze: 1px fest # 008717! wichtig;  
         Text-Schatten: -1px - 1px 0 rgba (0, 0, 0, 0,3);  
         Auffüllen: 5px 20px;  
         }  

     #login form .submit input: hover {   
         background: url ("http://img.daswordpress.com/theme-development/") left -24px repeat-x! wichtig;   
         Grenze: 1px fest # 2b8c35! wichtig;  
         Text-Schatten: -1px - 1px 0 rgba (0, 0, 0, 0,3);  
         }  

     #login form .submit input: aktiv {
         Auffüllen: 5px 20px;  / * benötigt hier aus irgendeinem Grund * /
         }

     body.login p # nav a {
         Farbe: # 888! wichtig;
         Text-Schatten: keine;
         Schriftgewicht: normal;
         Buchstabenabstand: 0;
         }
     body.login p # nav a: schweben {
         Farbe: # 88eb86! wichtig;
         Text-Dekoration: unterstreichen;
         }   

     .login #backtoblog a {
         Anzeige: keine;
         }

     #login #login_error {
         Schriftgröße: 13px;
         Schriftgewicht: normal;
         Text-Schatten: keine;
         Rand: -11px Auto 0;
         Auffüllen: 12px;
         Breite: 275px;
         Hintergrund: # ffb5b4;
         Grenze: 1px fest # db5858;
         -moz-border-radius: 10px! wichtig;
         Randradius: 5px;
         }   

     #login .Nachricht {
         Schriftgewicht: normal;
         Farbe: #bbb;
         Text-Schatten: keine;
         }
     #user_pass, #benutzer_login, #user_email {
         Hintergrund: #fff;   
         }   
     ';
     }
     add_action ('login_head', 'my_login_style');

 //// LOGIN - function, um den Link des Logos auf der Anmeldeseite zu ändern  
 function my_login_custom_site_url ($ url) {  
     return get_bloginfo ('siteurl');  // gebe die aktuelle wp-Blog-URL zurück  
     }  
     add_filter ("login_headerurl", "my_login_custom_site_url");  

 //// LOGIN - function zum Ändern des Linktitels des Logos auf der Anmeldeseite (WordPress-Slogan entfernen)  
 function my_login_header_title ($ Nachricht) {  
     falsch zurückgeben;  / * Gib die Beschreibung des aktuellen Blogs zurück * /  
     }  
     add_filter ("login_headertitle", "my_login_header_title");  

Sie können die function add_action verwenden, um die add_action hinzuzufügen, ohne den WP-Core bearbeiten zu müssen.

Hier ist ein Tutorial, um Ihnen zu zeigen, wie Sie Ihren eigenen WordPress-Login erstellen können: http://www.problogdesign.com/wordpress/custom-wordpress-login-screen/

Es gibt auch Plugins, die benutzerdefinierte WordPress Logins erstellen können, aber ich denke, sie können nicht das gleiche Maß an Anpassung wie dieses erreichen.

Gute Antworten hier: Wie ändere ich das Logo auf der Anmeldeseite?

Ich denke, dass dieser Code besser ist:

 function login() { if( is_user_logged_in() ) { echo 'Bạn đã đăng nhập rồi ! có thể bạn muốn đăng xuất ?'; } else { ?> 

< ?php } }

Und jetzt fügen Sie diesen Code zu header.php in Ihrer Vorlage hinzu:

 if( $_GET['msv'] == 'login' ){ login(); get_sidebar(); get_footer(); } else { // add more or display home page } 

Dann sehen Sie den besseren Anmeldebildschirm.

Hier ist ein ausführliches Tutorial, das kürzlich von einigen sehr kenntnisreichen WP-Entwicklern veröffentlicht wurde: http://digwp.com/2010/12/login-register-password-code/

Demo: http://digwp.com/custom-login-demo/


Aktualisieren

Einer der wichtigsten WP-Entwickler hat gerade dieses Tutorial zur Anpassung Ihres Log-in-Bildschirmlogos veröffentlicht:

http://markjaquith.wordpress.com/2011/02/01/customized-wordpress-login-screen/