Utilizzando WordPress come CMS può capitare, tra le altre cose, di aver la necessità di personalizzare la schermata di login con il logo, i colori o la grafica del cliente stesso a dare un’immagine di professionalità.

Per farlo è sufficiente agire su uno dei numerosi Hook presenti all’interno del codice di WordPress.

Nel caso specifico andremo a riscrivere parte del CSS della pagina usando stili CSS in linea (pratica sconsigliata, preferibile invece linkare un nuovo foglio di stile ma il codice è molto simile).

<?php
/**
 * Modifica del logo Wp_login
 */

add_action( 'login_enqueue_scripts', 'edit_login_screen' );

function edit_login_screen() {
    // Percorso del logo all'interno della cartella del tema
    $admin_logo = get_bloginfo('template_directory') . '/includes/img/admin_logo.png';
    // Inserisco lo stile in linea
    echo '<style type="text/css" media="screen">#login h1 a{background-image:url('. $admin_logo . ');</style>';
}

Un altro dettaglio importante è il link cui il logo stesso punta ovvero il sito di WordPress, si può decidere di cambiarlo con l’homepage del sito stesso utilizzando un altro hook:

<?php
/** 
 * Modifica dell'url del logo in Wp_login
 */

add_filter( 'login_headerurl', 'edit_login_logo_url' );

function edit_login_logo_url() {
    return home_url('/');
}

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *