Personalizzazione della dashboard di WordPress per i tuoi clienti

Hai recentemente iniziato a utilizzare WordPress per il progetto del tuo cliente e vuoi ulteriormente stupire il tuo cliente con una confezione migliore? Questo articolo si concentrerà sull'imballaggio di WordPress in modo che, in pochi minuti dopo il completamento di un progetto, si sentirà più unico per il cliente e non abbia la sensazione generica.


Un ottimo prodotto viene fornito con una confezione eccezionale. Quando sviluppi un sito Web per il tuo cliente, l'imballaggio bene aggiunge un ulteriore fattore di benessere. La maggior parte dei clienti non comprende gli sforzi che hai messo nella creazione di un sito web dinamico o le 1000 righe di codice che hai scritto per creare un plug-in personalizzato. Tutto quello a cui tengono è quello che vedono.

WordPress out of the box è ben progettato e sembra buono come qualsiasi prodotto commerciale. Pochi tocchi extra lo renderebbero più personale per il cliente anziché sembrare generale. Questo articolo si concentrerà sul confezionamento di WordPress in pochi minuti dopo il completamento di un progetto per renderlo più unico per il cliente e non avere la sensazione generica. Senza entrare nella spiegazione dettagliata delle funzioni principali di WordPress, ci concentreremo solo sulla personalizzazione rapida.


3 modi per terminare perfettamente un progetto WordPress prima di passare al tuo cliente

"A loro importa solo quello che vedono."

  1. Rimuovi e sostituisci elementi generici come il logo WordPress, la firma del piè di pagina
  2. Rimuovi le sezioni indesiderate da WordPress Dashboard
  3. Installa plug-in per ottimizzare il sito web e renderlo più veloce e sicuro

я


Passaggio 1.1 Personalizza il logo della pagina di accesso

Quando un cliente vuole accedere all'amministratore di WordPress, la prima cosa che noteranno è la pagina di accesso con un logo WordPress. Non sarebbe meglio se questa pagina avesse il logo della compagnia del tuo cliente o forse il tuo? Esistono molti modi più semplici per farlo utilizzando plugin che consentono anche altre opzioni di personalizzazione. Ma personalmente preferisco impostarlo usando il potente WordPress functions.php file.я

Se hai un functions.php nel tuo tema personalizzato, aprilo e, in caso contrario, crea un file chiamato funtions.php e posizionalo all'interno della cartella del tema.

Aggiungi sotto le righe nel file functions.php:

 // CUSTOM ADMIN LOGIN HEADER LOGO function my_custom_login_logo () echo '';  add_action ('login_head', 'my_custom_login_logo');

Nota

Il percorso "images / logo_admin.png" è relativo alla cartella del tema principale e deve essere modificato in base alla posizione dell'immagine del logo. Assicurati di avere ulteriore spazio bianco nell'immagine sotto il logo, altrimenti il ​​messaggio di avviso potrebbe toccare il logo. Ora come puoi vedere con poche righe, siamo in grado di personalizzare il logo della pagina di accesso senza bisogno di un plug-in. WordPress è un software molto modulare con migliaia di funzioni se non di più. Possiamo agganciare qualsiasi funzione e modificare le impostazioni predefinite mediante l'uso di un file functions.php o tramite plugin. Usando il codice precedente abbiamo semplicemente usato il hook login_head () e aggiunto la nostra funzione ad esso. Allo stesso modo è possibile anche ulteriormente e aggiungere il proprio foglio di stile alla pagina di accesso.


Passaggio 1.2 Personalizza pagina di accesso Logo link e testo ALT.

Se fai clic sul logo nella pagina di accesso, ti porterà su www.wordpress.org. Il testo alternativo di questo collegamento è? Powered by WordPress ?. Usando lo stesso file functions.php possiamo ora modificare il link e il testo alt in qualsiasi cosa vogliamo.

 // CUSTOM ADMIN LOGIN LOGO LINK function change_wp_login_url () echo bloginfo ('url'); // O ECHO YOUR OWN URL add_filter ('login_headerurl', 'change_wp_login_url'); // CUSTOM ADMIN LOGIN LOGO e ALT TEXT funzione change_wp_login_title () echo get_option ('blogname'); // O ECHO IL TUO ALT ALTRO TESTO add_filter ('login_headertitle', 'change_wp_login_title');

Nell'esempio precedente, abbiamo usato add_action e nell'esempio sopra abbiamo usato add_filter. Qual è la differenza? Bene, entrambi sono hook di WordPress, l'unica differenza è che abbiamo usato add_action per funzioni di grandi dimensioni e add_filter per modificare il testo prima che sia inviato al database o al browser.

я


Passaggio 1.3 Personalizza il logo di Dashboard

я

Una volta che effettuiamo il login e siamo nel backend di WordPress, c'è un altro piccolo logo di WordPress visualizzato in alto. È piccolo ma se desideri cambiarlo, aggiungi il codice qui sotto allo stesso file functions.php che abbiamo creato nel passaggio precedente.

 // CUSTOM ADMIN DASHBOARD HEADER LOGO function custom_admin_logo () echo '';  add_action ('admin_head', 'custom_admin_logo');

Come puoi vedere, il formato è quasi uguale a quello utilizzato per modificare il logo della pagina di accesso. L'unica cosa che cambia è il gancio. In questo caso stiamo aggiungendo la nostra funzione nel hook admin_head ().

я


Passaggio 1.4 Personalizza il piè di pagina di WordPress

Nel footer del backend di WordPress, si noterà questo collegamento? Grazie per aver creato withяWordPress.я? Documentazione я? ЯFreedomsя? ЯFeedbackя? ЯCredits ?. WordPress merita tutto il credito che possiamo mai dare per aver reso questo meraviglioso pezzo di applicazione. Tuttavia, per quelli di voi che vogliono un ulteriore passo avanti e modificare questo abbiamo un altro gancio WordPress in nostro soccorso.

 // Funzione di modifica del footer amministratore remove_footer_admin () echo 'Sviluppato dal tuo nome';  add_filter ('admin_footer_text', 'remove_footer_admin');

È possibile aggiungere il proprio nome e link al proprio sito Web e qualsiasi altro collegamento desiderato, come il collegamento al sito Web di supporto o il proprio indirizzo email.

я


Passaggio 2 Rimozione delle sezioni dalla dashboard non richieste dai client

Nella dashboard di WordPress, noterai molte sezioni come Plugin, WordPress, ecc.

я

I tuoi clienti hanno davvero bisogno di vedere i dettagli di nuovi plugin, WordPress News e aggiornamenti blog? Sono sicuro che stanno meglio senza vedere tutte queste cose.
Le sezioni vengono aggiunte usando l'hook wp_dashboard_setup () e lo stesso può essere usato per rimuoverle. Copia semplicemente il codice sottostante nel tuo file functions.php per eliminare tutto tranne le sezioni più richieste.

 // RIMUOVE META BOX DA WORDPRESS DASHBOARD PER TUTTI GLI UTENTI function esempio_remove_dashboard_widgets () // Globalizza l'array metaboxes, questo contiene tutti i widget per wp-admin global $ wp_meta_boxes; unset ($ wp_meta_boxes [ 'cruscotto'] [ 'lato'] [ 'nucleo'] [ 'dashboard_primary']); unset ($ wp_meta_boxes [ 'cruscotto'] [ 'lato'] [ 'nucleo'] [ 'dashboard_secondary']); unset ($ wp_meta_boxes [ 'cruscotto'] [ 'normali'] [ 'core'] [ 'dashboard_plugins']);  add_action ('wp_dashboard_setup', 'example_remove_dashboard_widgets');

Questa funzione può anche essere estesa per aggiungere nuove caselle o per rimuovere le caselle come "Collegamenti in entrata", "Stampa rapida"? e altri.

я


Passaggio 3 Ottimizzare ulteriormente e proteggere utilizzando i plugin.

WordPress ha più di 15.000 plug-in. Ora, se vuoi sperimentare, faresti meglio a farlo sul tuo sito web e non su quello dei tuoi clienti. Di seguito sono elencati i plugin organizzati in diverse categorie che ho utilizzato per quasi ogni singolo progetto che ho realizzato negli ultimi 12 mesi.

Sicurezza generale e backup

  1. Login LockDownя- Un plugin decente che migliora la sicurezza del tuo sito WordPress limitando il numero di tentativi di accesso falliti da un determinato intervallo IP.
  2. WP-DBManagerя- Utile per l'ottimizzazione e il backup del database. Può anche inviare per e-mail una copia del database dopo ogni backup.
  3. IDriveя- Il plug-in di backup migliore e più economico. Questo plugin è offerto gratuitamente dalla gente di IDrive. Il plug-in esegue il backup dei file core, dei caricamenti e dei database di WordPress quotidianamente su server IDrive.

Scopo generale

  1. Delete-Revisionя- Molto utile e consente di cancellare facilmente più revisioni.
  2. 404 Notifierяя- Un modo semplice per ottenere un elenco di 404 errori dal tuo amministratore di WordPress. Probabilmente non avresti bisogno di questo plugin per sempre, ma è utile installarlo quando si avvia un nuovo progetto.
  3. WordPress Import- Sempre meglio installare e attivare questo plugin. Questo è un plugin richiesto quando si desidera importare i dati di WordPress.
  4. Velvet Blues Update URLsя- Un plugin davvero utile quando spostiamo il sito WordPress su un altro server. Senza utilizzare PHP MyAdmin, gli utenti possono cambiare il riferimento di tutti gli URL nel database al nuovo URL.

Ottimizzazione e memorizzazione nella cache

  1. WP Super Cacheя - Plugin Cache più semplice. Ha più opzioni per utenti esperti, ma il plugin non richiede alcuna configurazione personalizzata e può essere utilizzato anche dai principianti per ottimizzare la velocità del loro sito web
  2. WP Minifyя- Questo plugin in combinazione con il plug-in di cui sopra può avere un enorme impatto sul tuo sito web. Se utilizzi strumenti come PageSpeed ​​di Google e Yahoo YSlow, vedrai un notevole impatto sulle prestazioni del tuo sito web
  3. WordPress Gzip Compression- Questo aiuta anche a comprimere il tuo sito web, ma assicurati che il tuo server sia compatibile in quanto il plugin causa problemi su alcuni account di hosting.

Analytics e SEO

  1. Tutto in uno SEO- Questo è il plugin SEO più usato. Se non desideri sviluppare le tue funzionalità SEO per il tuo cliente, questo plugin può essere molto utile per aggiungere tag Meta al tuo sito web in modo dinamico.
  2. Semplice Sitemap di Google - Plugin di base che crea una sitemap XML e si sottomette ai motori di ricerca di Yahoo, Google e Bing.
  3. Google Analyticatorя- Ci consente di vedere i dati di Google Analytics direttamente nell'amministratore di WordPress. Molto utile per i progetti dei clienti, poiché Analytics aiuta e ispira chiunque a migliorare i propri siti web.
  4. PostRanky- Plugin gratuito dell'azienda? PostRank? che è stato recentemente acquistato da Google. Il plugin ti permette di vedere una valutazione per il tuo post in base a come è condivisa su siti sociali come Twitter, Facebook, ecc.

Altri plugin avanzati per personalizzare ulteriormente WordPress

  1. Adminimize- Consente di rimuovere collegamenti e contenuti indesiderati dalla dashboard. Perfetto per i siti Web sviluppati per i clienti.
  2. Admin Menu Editor- Come sopra menzionato con i menu. Ho sviluppato siti Web utilizzando WordPress che non ha un blog e questo plugin è utile per nascondere i? Post? menu.

Conclusione

Alla fine, se il costo del progetto lo consente, prova a generare un rapporto sul sito web dei tuoi clienti utilizzando http://gtmetrix.com/. Questo sito Web ci consente di generare rapporti utilizzando gli strumenti di Google PageSpeed ​​e Yahoo YSlow. È difficile ottenere un punteggio di 100, ma se il tuo sito web è stato sviluppato correttamente e non utilizza molti script esterni come i plugin di chat live di terze parti, ottenere un punteggio di circa 80 non sarebbe difficile.

In questo articolo abbiamo descritto brevemente le opzioni di personalizzazione. Proprio come qualsiasi altro software più lo scavate, vi piacerebbe WordPress.

Avete altri modi per personalizzare ulteriormente WordPress? Condividi con noi.