Cerca
Generic filters
Frase esatta
Cerca nel titolo
Cerca nel contenuto
Filter by Custom Post Type
Filter by Categorie
Quick Snippets
Guide e Tutorial Joomla
Guide e Tutorial Wordpress
Notizie
Programmazione Web
Trucchi e Guide Apple Mac OS
Filtra per Tags
Seleziona / Seleziona tutti
acf
action
aggiornamento joomla
aggiornamento virtuemart
aggiungere campi
akeeba
amazon s3
amazon web services
angularjs
apache
aruba
autopost
aws
backup
backup buddy
blocksit.js
bootstrap
bordi arrotondati
cache
caching
campi personalizzati
captcha recaptcha
cf7
chronoforms
cloud
compressione file
compressione immagini
conditional fields
contact form 7
countdown
cpt
css
css framework
css3
custom post type
custom registration
data di nascita
debug
disegni
downgrade
draw
ec2
endpoints
ergonet
font awesome
font custom
fontweb
form
front end
ftp
functions.php
funzioni
glyphicons
google
hook
hosting
hosts
html
html5
image optim
immagini
javascript
joomla
joomla api
joomla development
joomla festival
joomla lombardia
joomla update
jquery
k2
lightbox
login
mac
mac os
mamp
metabox
mobile friendly
multilingua
mysql
news
ottimizzazione
ottimizzazione immagini
override
password
pdf
php
plugin
qtranslate
redis
registrazione
registrazione utente
responsive
restore
ripristino
roolback
rounded tables
select
seo
server php locale
shortcode
shortpixel
sicurezza
smau
social
spotlight
SSL
system cache
table
template
tooltips
trasferimento sito
trucchi
twitter
ubuntu
uikit
user meta
visio alternative
web advisor
widget
widgetkit
windows
woocommerce
wordpress
wordpress api
wp capability
wp user
wp-config.php
wp_query
wug
xampp
yootheme

Come personalizzare la pagina login di WordPress

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

Oggi vediamo come personalizzare con logo e colori differenti il form di login del pannello amministrativo di WordPress. Giusto per la cronaca il form predefinito è il seguente :default_wordpress_login

Una della svariate ragioni per cui customizzare il pannello di accesso di WordPress è perchè semplicemente quello di default non ci piace e lo vogliamo personalizzare con il nostro logo e renderlo più carino, perchè un cliente c’è l’ha chiesto o perchè più semplicemente siamo smanettoni e vogliamo “giocare” un pò con WP 😛

Passiamo quindi all’azione.

Come cambiare il logo di accesso di WordPress

Per sostituire il logo di WordPress con uno personalizzato è necessario creare una funzione di WP che faccia una sorta di ovverride del logo di default, tutte le funzioni di WordPress devono essere scritte in un file che si chiama function.php e che si trova di norma nella root principale del template che state utilizzando, per esempio :

wp-content/themes/nometuotema/function.php

se il file non esiste, ma è davvero raro, lo potete creare manualmente e poi copiarlo via FTP.

Quindi apriamo il file function.php ed alla fine incolliamo questa parte di codice.

Questa è la funzione che ci permette di caricare un nuovo logo, in buona sostanza :

get_stylesheet_directory_uri(); = comunica a Worpdress qual è il percorso principale del tema utilizzato, quindi wp-content/themes/nometuotema/

Ora sempre nella root del template create una cartella custom_login, al suo interno un’altra img e poi css, ed infine la cartella js per avere una struttura del genere

Struttura delle cartelle per override login form di WP

custom_login = è la cartella che conterrà il necessario per la modifica al form login

img = qui ci copieremo il logo, facendo attenzione che il nome dell’immagine sia wplogin.png

css = creeremo e copieremo un file css che apporterà le modifiche grafiche al form, questo file dovrà chiamarsi necessariamente custom_login.css

js = questa cartella conterrà l’eventuale file javascript che si dovrà chiamare

A questo punto possiamo salvare il file e ricopiarlo in ftp, accedendo al pannello di login di WordPress dovreste vedere il vostro logo.

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

Come modificare il link (URL) del logo di login di WordPress

Siccome so che siete bramosi ed eterni insaziabili di codice PHP 🙂 , scrivamo una funzione che permette di modificare la url che si ottiene cliccando sul logo nella schermata di login di WP.

Questa fuzione va incollata sotto alla prima che abbiamo scritto in precedenza, sempre nel famoso file function.php, quindi date un invio e copiate / incollate

Alla terza riga del codice return home_url(); stiamo dicendo a WordPress che al click sul logo rimanderà al sito internet (quindi non alla schermata di login), ma se volessimo specificare un indirizzo diverso possiamo sostituire la riga con la seguente return ‘http://www.google.it’ ;

Come modificare il layout grafico della pagina di login di WordPress

Bene, adesso scriviamo l’ultima funzione, questa invece ci permetterà di agire sulle modifiche grafiche della pagina di login, semplicemente scrivendo del puro CSS ! Fico no ?!

Questa fuzione va incollata sotto alla seconda che abbiamo scritto prima, sempre nel file function.php

Ora salvate le modifiche al file function.php e ricopiatelo in FTP.

Aprite il file custom_login.css ed incollateci il codice qui sotto, poi salvate e ricopiate il file in FTP nell’apposita cartella.

Ovvio che potete sbizzarrirvi come volete se conoscete CSS e JS, io in questo caso per ragioni di tempo non ho utilizzato js, ma voi potete farlo tranquillamente.

Come personalizzare form login di WordPress

Che ha tempo e voglia, puoi utilizzare i codice CSS che posto qui sotto per personalizzarsi da sè il layout del form login.

alla prossima!

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice!

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?