WordPress Tipp: Den Login-Bereich individuell gestalten.

Gerade bei Kundenprojekten in Verbindung mit WordPress möchten wir das Backend so individuell wie möglich gestalten. Ein stimmiger, auf das Projekt abgestimmter Login-Bereich ist hier definitiv ein optisches Plus. WordPress bietet uns einige Möglichkeiten, diesen Bereich zu bearbeiten – ganz ohne Plugin!

Eigenes Logo einbinden

Im WordPress-Codex finden wir folgenden Codeschnipsel. Dieser muss in Deine functions.php eingebunden werden.

function my_login_logo() { ?>
    <style type="text/css">
        .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
            padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Wie Du siehst wird die Bilddatei über CSS definiert. Nach der Anpassung des Pfades sollte das individuelle Logo nun im Login-Fenster angezeigt werden.

Text zum Login hinzufügen

Wir haben ebenfalls die Möglichkeit, einen bestimmten Text im Login-Bereich zu definieren. Dafür bindest Du folgenden Code in die functions.php ein:

function wps_login_message( $message ) {
  if ( empty($message) ){
    return "<p class='message'>Welcome to this site. Please log in to continue</p>";
  } else {
    return $message;
  }
}
add_filter( 'login_message', 'wps_login_message' );

Wie Du siehst ist es denkbar einfach, hier individuelle Anpassungen zu treffen. Weitere Möglichkeiten findest Du direkt im WordPress-Codex.