Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come creare una dashboard per i clienti in WordPress

Se stai creando siti web WordPress per clienti, creare una dashboard personalizzata per i clienti è un ottimo modo per migliorare la loro esperienza.

Con una dashboard personalizzata in WordPress, puoi fornire ai tuoi clienti le risorse esatte, le scorciatoie e altre informazioni importanti di cui hanno bisogno per iniziare.

Molti di noi del team editoriale di WPBeginner hanno integrato dashboard personalizzate per i clienti nei nostri progetti per clienti, e fa sempre una grande differenza.

In questo articolo, ti mostreremo come creare una dashboard per clienti in WordPress senza scrivere codice o influire sulla capacità del cliente di aggiornare il proprio sito.

Creare una dashboard per i clienti in WordPress

Perché creare una dashboard per clienti in WordPress?

As a WordPress solutions provider, you’ll come across clients who haven’t used WordPress before, and they are not familiar with HTML, CSS, or WordPress terminology.

Creando una dashboard personalizzata per i clienti, puoi fornire loro un'interfaccia WordPress snella e una migliore usabilità.

Migliorerà la soddisfazione del cliente, il che porterà a più lavori ripetuti. I tuoi clienti avranno bisogno di meno supporto, il che ti farà anche risparmiare tempo.

Detto questo, diamo un'occhiata a come creare facilmente una dashboard per clienti in WordPress.

Ti guideremo attraverso i diversi passaggi del processo. Puoi decidere quanto vuoi personalizzare, a seconda delle esigenze del tuo cliente. Usa semplicemente i collegamenti rapidi qui sotto per passare ai passaggi che ti interessano di più:

1. Nascondi menu amministrativi non necessari

While building a website for your clients, you may use different WordPress plugins, custom post types, WordPress page builders, and other tools.

Many of these tools will add their own menu items in the WordPress admin bar, create custom widgets in the admin dashboard, and add links in the toolbar.

Il risultato finale appare un po' disordinato. Per un cliente che non ha mai usato WordPress, questi elementi aggiuntivi rendono la dashboard più complicata del necessario.

Dashboard di WordPress

Iniziamo a creare una dashboard per il cliente ripulendo il disordine.

To do that, you will need to install and activate the Adminimize plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Dopo l'attivazione, devi visitare la pagina Impostazioni » Adminimize per configurare il plugin.

Impostazioni di Adminimize

Vedrai diverse sezioni di amministrazione elencate nella pagina delle impostazioni. Cliccando su una sezione la espanderai e vedrai le opzioni per quella particolare sezione.

Impostazioni per una sezione in Adminimize

Puoi mostrare o nascondere qualsiasi elemento elencato sotto una sezione per diversi ruoli utente. Rivedi attentamente ogni elemento prima di nasconderlo, poiché ciò potrebbe influire sulla capacità del tuo cliente di utilizzare il proprio sito web.

For detailed instructions, see our guide on how to hide unnecessary menu items in WordPress.

2. Dashboard WordPress White Label

Il plugin Adminimize copre molte opzioni per controllare l'aspetto della tua dashboard di amministrazione di WordPress. Tuttavia, non dispone di opzioni per nascondere il branding di WordPress e per il white labeling dell'area di amministrazione.

White labeling includes replacing the WordPress logo with a custom logo, changing the admin area footer, show or hide items from menus, and more.

First, you need to install and activate the White Label CMS plugin. Upon activation, head over to the Settings » White Label CMS page to configure plugin settings.

Impostazioni White Label CMS

La pagina delle impostazioni è divisa in diverse sezioni. È possibile fare clic su una sezione per espanderla e visualizzarne le impostazioni.

Alcune opzioni nel plugin sono disponibili anche in Adminimize. Se hai già nascosto tali opzioni, puoi saltarle.

For detailed instructions about each section, take a look at our article on how to white label your WordPress admin dashboard.

3. Cambia l'aspetto della dashboard di WordPress

WordPress comes with a handful of admin color schemes that users can change from their profiles. You can set a color scheme as default for new users. You can also create a custom color scheme of your own.

Selettore colore admin

Vuoi fare un passo avanti? Prova i temi per la dashboard di WordPress. Questi temi sono disponibili come plugin che puoi installare per cambiare l'aspetto della tua area di amministrazione di WordPress.

Tema admin di WordPress

Here are some free WordPress admin themes and plugins that you can try.

4. Aggiungi Risorse Utili alla Dashboard del Cliente

Quando consegni progetti ai tuoi clienti, noterai che molti di loro hanno domande simili. Aggiungere una sezione di aiuto o risorse nella dashboard del cliente di WordPress può aiutarti a rispondere a quelle domande e a risparmiare tempo dedicato al supporto.

The best way to add a help section is by installing and activating the WP Help plugin. Upon activation, the plugin adds a new ‘Publishing Help’ menu item in your WordPress admin bar. Clicking on it will take you to the settings page.

Aiuto per la pubblicazione

Quest'area sarà vuota poiché non hai ancora creato alcuna risorsa di aiuto. Fai clic sul pulsante 'Aggiungi Nuovo' per crearne una.

On the next page, you can create your help document, just like you would create a WordPress post or page.

Nuovo documento di aiuto

WP Help utilizza un tipo di post personalizzato per i documenti, e sono gerarchici come le pagine. Puoi creare documenti padre e figlio per organizzarli.

Gestione documenti

You can also sync documents from another WordPress site. This allows you to use the same documentation for all your client projects.

For detailed instructions, see our guide on how to add a help / resource section in WordPress admin.

5. Creazione di Widget Personalizzati per la Dashboard

Dashboard widgets are the first things user see when they log into the WordPress admin area. This is the best place to point your clients into the right direction by adding your own custom dashboard widgets.

Ecco un semplice codice per un widget della dashboard che puoi usare come punto di partenza.

You will need to add this code into your theme’s functions.php file, in a site-specific plugin, or in a code snippet plugin.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
  
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
 
function custom_dashboard_help() {
 
// Content you want to show inside the widget
 
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}

Non dimenticare di cambiare la parte del contenuto con il tuo messaggio. Puoi usare HTML normale per la formattazione e lo stile.

We recommend adding this code using WPCode, the best code snippets plugin.

WPCode

WPCode rende sicuro e facile aggiungere codice personalizzato in WordPress, senza modificare il file functions.php del tuo tema. Quindi, non dovrai mai preoccuparti di rompere il tuo sito.

Per iniziare, devi installare e attivare il plugin gratuito WPCode. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Una volta attivato il plugin, naviga alla pagina Snippet di codice » + Aggiungi snippet dalla dashboard di WordPress.

Quindi, fai clic sul pulsante ‘+ Aggiungi snippet personalizzato’ sotto l'opzione ‘Aggiungi il tuo codice personalizzato (Nuovo snippet)’.

Aggiungere codice personalizzato in WPCode

Quindi, devi selezionare 'Snippet PHP' dall'elenco dei tipi di codice che appaiono sullo schermo.

Seleziona Snippet PHP come tipo di codice

Successivamente, aggiungi un titolo per lo snippet di codice e incolla il codice sopra nella casella 'Anteprima codice'.

Aggiungi un titolo per il tuo snippet e incolla il codice nella casella Anteprima codice

Dopodiché, semplicemente cambia l'interruttore da 'Inattivo' ad 'Attivo' e premi il pulsante 'Salva snippet'.

Attiva e salva il tuo snippet di codice personalizzato

Ecco come appariva quando l'abbiamo testato sul nostro sito demo:

Widget personalizzato della dashboard

Altre risorse utili per l'amministratore di WordPress

Una volta che hai utilizzato questi suggerimenti per creare una dashboard personalizzata per i clienti, potresti cercare altri modi per personalizzare l'area di amministrazione di WordPress. Ecco alcune guide utili che puoi consultare:

We hope this article helped you learn how to create a client dashboard in WordPress. You may also want to see our guide on how to protect your WordPress admin area and our expert picks of the best WordPress activity log and tracking plugins.

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

Divulgazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

12 CommentsLeave a Reply

  1. Creo siti web per i clienti e a volte è un'ottima idea personalizzare l'area di amministrazione con colori diversi. Un'interfaccia di amministrazione del genere appare più accogliente rispetto a quella predefinita, poiché può riflettere i colori utilizzati nel logo dell'azienda. Apprezzo il lavoro che presta attenzione ai dettagli, e questo è uno degli aspetti che ha davvero catturato il mio interesse. È un altro ottimo modo per differenziare il mio lavoro creando un ambiente amministrativo attraente.

    • A meno che il tuo host specifico non abbia limitazioni, dovresti essere in grado di farlo.

      Amministratore

  2. Ciao, potresti darmi un esempio di come creare più widget per la dashboard? Dal tuo codice sopra sono riuscito a creare 1 widget per la dashboard. Ma ho provato a duplicarlo ma sembra che stia avendo un po' di problemi. Potresti fornirmi un esempio in modo che possa lavorarci? Scusa, sono abbastanza nuovo in questo, spero che mi aiuteresti.

    Grazie!!

  3. Ciao, adoro questo tutorial e il tuo codice funziona a meraviglia. Ma ho un piccolo problema. Sono un principiante in WordPress, lo ammetto, ma usando il codice sopra che hai menzionato...

    add_action(‘wp_dashboard_setup’, ‘my_custom_dashboard_widgets’);

    function my_custom_dashboard_widgets() { global $wp_meta_boxes;

    wp_add_dashboard_widget(‘custom_help_widget’, ‘Supporto Tema’, ‘custom_dashboard_help’); }

    function custom_dashboard_help() {
    echo ‘Benvenuto in Custom Blog Theme! Hai bisogno di aiuto? Contatta lo sviluppatore qui. Per tutorial su WordPress visita: WPBeginner‘;
    }

    sono in grado di creare 1 widget che è fantastico! Come potrei modificare/aggiungere per aggiungere più widget alla mia dashboard? posso semplicemente copiare e incollare?

    • Potresti creare un altro widget aggiungendo un altro wp_add_dashboard_widget() tra le parentesi graffe con una funzione per ciò che desideri all'interno del nuovo widget.

      Amministratore

  4. Hmmmmm! Bellissimo articolo. Proprio quello che desideravo. Grazie. L'ho salvato su Facebook per poterlo rivisitare.

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.