Modificare CSS form registrazione e login WordPress

Ecco una breve guida per Modificare il CSS del form di registrazione e login di WordPress. Bastano pochi passi!

 

File CSS

Per prima cosa creare un file css che andrà a sovrascrivere quello di default di WordPress. Potete chiamarlo style-login.css e posizionarlo all’interno del root del tuo theme. (potete chiamarlo come volete, basta che poi vi ricordate di cambiare il codice qui sotto con il nome esatto del vostro foglio di stile).

Puoi copiare e incollare il css da login.min.css e sostituire solo il codice che ti interessa cambiare, oppure crearne uno da zero.

 

Functions.php

Poi è necessario aggiungere la funzione che permette di utilizzare il vostro foglio di stile al posto di quello di default.

 

Parent Theme

Se NON usi un ChildTheme (quindi usi un Parent Theme – Tema Genitore) incolla il seguente codice nel tuo functions.php

function my_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/style-login.css' );
wp_enqueue_script( 'custom-login', get_stylesheet_directory_uri() . '/style-login.js' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );

 

Child Theme

Se invece usi un ChildTheme, utilizza lo stesso codice sopra riportato ma sostituisci

get_stylesheet_directory_uri()/code>

con

get_stylesheet_directory_uri()

ed il gioco è fatto!


 

Spero ti sia utile! 😉