Come aggiungere un logo personalizzato alla dashboard di WordPress

Su WPBeginner riceviamo molte domande dagli utenti che desiderano personalizzare WordPress. Una delle richieste più comuni? Sostituire il logo predefinito di WordPress con un logo personalizzato per la dashboard.

Sostituire il logo di WordPress con il proprio logo personalizzato è un ottimo modo per marchiare la tua area di amministrazione e far sentire il tuo sito veramente unico.

Sia che gestisca il sito da solo o che abbia un team di utenti, un logo personalizzato per la dashboard è un bel tocco che rende il sito più professionale.

In questo articolo, ti mostreremo come aggiungere un logo personalizzato alla dashboard di WordPress per il branding.

Cos'è un logo personalizzato per la dashboard e perché aggiungerne uno? 

Un logo personalizzato per la dashboard appare nella dashboard di amministrazione di WordPress con il tuo logo o marchio personalizzato.

Sebbene aggiungerne uno possa sembrare un dettaglio minore, è una parte fondamentale del marchio del tuo sito web ed è importante per diversi motivi:

• Branding: Rafforza l'identità del tuo marchio e fa sentire l'area di amministrazione di WordPress più parte della tua attività.
• Professionalità: Un logo personalizzato per la dashboard conferisce al tuo sito WordPress un aspetto più professionale e curato.
• White Labeling: Se stai creando siti web per clienti o gestendo una rete multisite, puoi utilizzare loghi personalizzati nella dashboard per fare il white-label dell'area di amministrazione di WordPress. Ciò significa che puoi rimuovere completamente il branding di WordPress e sostituirlo con il tuo per creare un'esperienza personalizzata per i tuoi clienti.

Sia che tu possieda un negozio online, una piccola impresa o un blog, un logo personalizzato nella dashboard è importante per aiutare a personalizzare l'esperienza backend e stabilire una forte identità di marca interna.

Nelle sezioni seguenti, ti mostreremo 2 metodi diversi per aggiungere un logo personalizzato nella dashboard di WordPress, oltre a un metodo per rimuovere semplicemente il logo di WordPress dalla dashboard.

• Metodo 1: Aggiungere un logo personalizzato nella dashboard di WordPress utilizzando un plugin
• Metodo 2: Aggiungere manualmente un logo personalizzato nella dashboard di WordPress
• Alternativa: Rimuovere il logo di WordPress dalla dashboard di amministrazione

Pronto? Iniziamo.

Metodo 1: Aggiungere un logo personalizzato nella dashboard di WordPress utilizzando un plugin

Questo metodo è facilissimo ed è consigliato per la maggior parte dei principianti.

La prima cosa da fare è installare e attivare il plugin White Label CMS. Se hai bisogno di aiuto, puoi consultare la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, dovrai visitare Impostazioni » White Label CMS dalla tua dashboard di WordPress. 

Quindi, assicuriamoci di essere nella scheda 'Branding'.

Da qui, puoi spostare l'interruttore da sinistra a destra su ‘Nascondi logo e link di WordPress’.

Successivamente, dovrai andare alla scheda ‘Dashboard’.

Sotto ‘Icona Dashboard’, caricherai un logo personalizzato. Fai semplicemente clic sul link ‘Carica’ per avviare il processo.

Il tuo logo personalizzato dovrebbe avere dimensioni esatte di 40 x 40 pixel. Altrimenti, avrà un aspetto strano, ritagliato o allungato.

Non dimenticare di fare clic sul pulsante ‘Salva’ in alto a destra per salvare le modifiche.

Ora, torniamo all’area di amministrazione di WordPress e apriamo il pannello ‘Dashboard’.

In questo pannello, dovresti vedere il nuovo logo personalizzato. Ecco come potrebbe apparire:

Oltre al logo personalizzato della dashboard, il plugin White Label CMS offre altre funzionalità per rimarchiare la tua installazione di WordPress.

Per maggiori informazioni, puoi fare riferimento alla nostra guida su come personalizzare la dashboard di amministrazione di WordPress.

Metodo 2: Aggiungere manualmente un logo personalizzato nella dashboard di WordPress

Questo metodo è per gli utenti che si sentono a proprio agio nell'incollare snippet di codice in WordPress. Il modo più semplice e sicuro per aggiungere codice personalizzato al tuo WordPress è con un plugin come WPCode.

La maggior parte dei tutorial che ti insegnano come aggiungere shortcode al tuo sito WordPress ti chiederà di aggiungere il codice al file functions.php del tuo tema. Sebbene possa funzionare, ci sono molte cose che possono andare storte.

Anche un piccolo errore nel codice o nel modo in cui lo aggiungi può bloccare il tuo sito WordPress e renderlo inaccessibile. Quindi lo consigliamo solo agli utenti avanzati.

Anche per gli utenti avanzati, WPCode è il modo più sicuro per farlo.

Quindi, per iniziare, dovrai installare e attivare il plugin gratuito WPCode. Per istruzioni più dettagliate, ti consigliamo di seguire la nostra guida su come installare un plugin WordPress.

Successivamente, assicuriamoci di salvare il tuo logo personalizzato come file custom-logo.png sul tuo computer. Deve avere dimensioni esatte di 40 x 40 px.

Una volta pronto il tuo logo personalizzato, lo caricherai nella cartella /wp-content/themes/your-theme/images utilizzando FTP. Se il tuo tema non dispone di una cartella immagini, dovrai crearla.

Da lì, puoi andare su Snippet di codice » +Aggiungi snippet.

Ti troverai nella libreria WPCode, dove ci sono dozzine di snippet di codice tra cui scegliere.

Qui, dovrai selezionare 'Aggiungi il tuo codice personalizzato' e fare clic sul pulsante 'Usa snippet'.

Nell'editor, assegnerai un titolo allo snippet, ad esempio, 'Logo personalizzato dashboard'.

Quindi, dovrai impostare il 'Tipo di codice' su 'Snippet PHP'.

Dopo di che, aggiungi semplicemente questo codice nella casella 'Anteprima codice':

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

Dovrebbe apparire qualcosa di simile a questo:

Prima di procedere, assicuriamoci che tutto il testo e la formattazione siano esattamente uguali a quelli mostrati sopra.

se tutto sembra già a posto, puoi scorrere verso il basso fino a 'Metodo di inserimento' e selezionare 'Inserimento automatico'.

Per assicurarti che il tuo logo personalizzato appaia nella dashboard, dovrai espandere il menu a discesa 'Posizione' e scegliere 'Solo amministrazione'.

Infine, puoi attivare l'interruttore da Inattivo ad Attivo e fare clic sul pulsante 'Salva'.

Questo codice aggiunge semplicemente il CSS necessario per visualizzare il tuo logo personalizzato nella barra di amministrazione di WordPress.

Alternativa: Rimuovere il logo di WordPress dalla dashboard di amministrazione

Se preferisci semplicemente rimuovere il logo di WordPress dalla dashboard di amministrazione senza sostituirlo con un logo personalizzato, questo metodo fa per te.

Come abbiamo menzionato in precedenza, WPCode è il miglior plugin per snippet di codice e rende facile aggiungere codice personalizzato a WordPress.

Ancora meglio, viene fornito con una libreria di oltre 1.500 snippet di codice pronti all'uso, incluso uno per rimuovere il logo della barra di amministrazione di WordPress, che puoi utilizzare per personalizzare rapidamente il tuo sito, senza alcuna esperienza di codifica.

Per iniziare, devi installare e attivare il plugin gratuito WPCode. Se hai bisogno di aiuto, puoi seguire il nostro tutorial su come installare un plugin di WordPress.

Dopo l'attivazione, dovrai andare su Snippet di codice » Libreria dalla dashboard di amministrazione di WordPress.

Da lì, puoi cercare lo snippet ‘Rimuovi il logo di WordPress dalla barra di amministrazione’. Una volta trovato, passaci sopra il mouse e fai clic sul pulsante ‘Usa snippet’.

WPCode aggiungerà automaticamente il codice per te.

Selezionerà anche il metodo di inserimento corretto e aggiungerà tag per aiutarti a tenere traccia del codice che stai utilizzando sul tuo sito.

Ora è il momento di attivare lo snippet di codice.

Tutto quello che devi fare è spostare l'interruttore in cima alla pagina da ‘Inattivo’ ad ‘Attivo’ e premere il pulsante ‘Aggiorna’.

Ecco fatto; hai rimosso il logo di WordPress dalla dashboard di amministrazione.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un logo personalizzato alla dashboard in WordPress. Successivamente, potresti anche voler consultare la nostra guida su come nascondere elementi non necessari da WordPress con Adminimize o leggere le nostre scelte di esperti di plugin e suggerimenti per migliorare l'area di amministrazione di WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.