Modificare CSS form registrazione e login WordPress

Pubblicato il 30 Dicembre 2014
Aggiornato il 30 Dicembre 2014

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! ?

Hola!

Sono Nicole,web designer e grafica freelance.

Scopri chi sono

Sono una web designer freelance

Mi occupo di sviluppo di siti web responsive, e-commerce, blog e grafica da circa 15 anni. Dal 2018 aiuto piccoli imprenditori, artigiani e liberi professionisti a portare la propria attività online con successo.

Mi occupo inoltre di formazione e consulenza in UI design per aziende, web agency e freelance, ed offro supporto e percorsi di mentoring a web designer che desiderano decollare con la loro attività.

Creazione siti web
Siti e-commerce
Branding

Formazione per web designer

FREELANCE

Se sei un web designer freelance alla ricerca di orientamento, chiarezza e supporto per prosperare nel mondo digitale in continua evoluzione, sei nel posto giusto! Il mio servizio di consulenza, formazione e mentoring è qui per te.

Scopri la formazione

Dal blog