Ispirazione.
Questo è il mio obiettivo per te.
Molti utenti WP non si sono ancora resi conto di quanto sia potente WordPress, quindi lascia che questo post sia una fonte di ispirazione mentre scopri nuovi strumenti e tattiche per personalizzare il tuo sito web WordPress.
Marcherai il tuo sito, personalizzerai i tuoi contenuti e farai anche delle modifiche alla dashboard di amministrazione.
Per quando avrai finito di leggere, avrai un sito web più bello e completamente brandizzato.
C’è molto da imparare qui, quindi metti nei preferiti questa pagina in modo da poter tornare e finire se hai bisogno di più tempo.
Iniziamo con la più grande tattica di personalizzazione di tutte…
- Scegli un nuovo tema
- Passa a una homepage statica
- Creare una homepage personalizzata
- Cambia il tuo font
- Cambiare il numero di messaggi per pagina
- Abilita lo scroll infinito
- Usa immagini in primo piano coerenti
- Scrivi un estratto personalizzato per ogni post
- Personalizza l’aspetto del tuo sito su Facebook
- Aggiungi le tue icone sociali
- Aggiungi pulsanti di condivisione sociale
- Aggiungi un modulo di contatto
- Crea una landing page
- Crea un menu personalizzato
- Rendi il tuo menu “appiccicoso”
- Personalizza i tuoi colori
- Aggiungi il tuo logo alla scheda del browser
- Aggiungi un’immagine di sfondo
- Crea una pagina di login di marca
- Personalizza l’amministrazione di WP
- Aggiorna il tuo Display Name
- Visualizza un avatar personalizzato
- Aggiungi un box autore
- Aggiungi un widget “About Me”
- Controlla su quali pagine vengono visualizzati i widget
- Aggiungi descrizioni di categoria
- Personalizza il testo a piè di pagina
- Personalizza le email che WordPress invia
- Personalizza la tua pagina 404
- Master the HTML widget
- Conclusione
Scegli un nuovo tema
Il modo più veloce per fare un cambiamento drammatico al tuo sito è cambiare tema WordPress.
Cambiare tema cambierà immediatamente tutto il design del tuo sito.
Ma c’è un problema…
Ci sono più di 10.000 temi WordPress tra cui scegliere!
Potresti facilmente passare giorni a navigare e rivedere i temi. Infatti, molte persone lo fanno!
Ogni settimana, la gente mi manda un’e-mail dicendo che ha guardato centinaia di temi prima di scegliere uno dei miei.
Se vuoi risparmiare tempo, segui la mia guida su come scegliere il tema perfetto per il tuo sito.
Ovviamente, se vuoi provare subito un nuovo design, abbiamo 19 temi WordPress gratuiti che puoi vedere in anteprima direttamente dalla tua dashboard WP.
Il prossimo modo semplice per apportare un enorme cambiamento al design del tuo sito è passare dai tuoi ultimi post a una pagina statica sulla homepage.
Passa a una homepage statica
Ecco un consiglio da insider:
Ogni sito WordPress dovrebbe usare una homepage statica.
Sì, anche se sei un blogger. Infatti, soprattutto se sei un blogger!
Avrai più abbonati e farai più soldi con il tuo sito web se farai più che elencare i tuoi ultimi post..
Per esempio, la tua homepage può includere un modulo di opt-in e-mail per costruire i tuoi abbonati e poi promuovere alcuni dei tuoi migliori post invece di mostrare semplicemente i tuoi ultimi post.
Questo cambiamento è facile da fare dalla dashboard di WordPress. Basta capovolgere questa impostazione in una pagina statica:
O, puoi seguire questo semplice video tutorial:
Ovviamente, ora ti starai chiedendo come creare una homepage personalizzata. Anche questo si può fare facilmente con lo strumento giusto.
Creare una homepage personalizzata
Puoi usare Elementor per progettare una homepage personalizzata.
Nel caso tu non abbia familiarità con esso, Elementor è un plugin per costruire pagine, e come la parte “costruttore di pagine” implica, puoi usarlo per creare pagine interamente personalizzate.
Questo video tutorial approfondito ti insegnerà come usare Elementor:
Sottoscrivi Compete Themes su Youtube
Per iniziare, puoi installare Elementor sul tuo sito cercandolo nel menu Plugins o scaricandolo da wordpress.org.
Dopo aver installato Elementor sul tuo sito, puoi visitare qualsiasi pagina e cliccare sul pulsante “Modifica con Elementor” per lanciare l’editor.
Vi verrà mostrata questa interfaccia:
Sul lato sinistro dello schermo ci sono tutti i vari widget disponibili che potete trascinare nell’area del contenuto della pagina.
Per creare una pagina personalizzata, tutto quello che dovete fare è aggiungere i widget che volete nel contenuto della pagina. Ognuno ha una tonnellata di opzioni personalizzabili incluse, come questo:
Gutenberg ha blocchi simili, ma i widget di Elementor sono molto più personalizzabili.
Ma aggiungere e personalizzare ogni widget uno alla volta potrebbe sembrare un sacco di lavoro. Per rendere le cose più facili, Elementor ha eleganti blocchi pre-fatti che puoi inserire in qualsiasi pagina:
Ancora meglio, Elementor ha pagine di vendita complete che puoi inserire nella tua pagina con un solo clic.
Puoi sfogliare le homepage pre-fatte, inserire la tua preferita, e poi cambiare il testo e le immagini per un adattamento perfetto.
Ci sono alcune pagine di vendita gratuite, ma la maggior parte delle migliori sono disponibili solo in Elementor Pro.
Per riassumere come funziona il tutto…
Ti affiderai al tuo tema per la maggior parte delle pagine del tuo sito, ma quando hai bisogno di una pagina completamente personalizzata come per la tua homepage, questo è un ottimo momento per usare Elementor. Infatti, anche come sviluppatore di temi, ho iniziato a creare pagine con Elementor invece di codificarle io stesso perché è così veloce e semplice.
Guarda Elementor →
Ora che conosci i costruttori di pagine, torniamo alle personalizzazioni globali del sito.
Cambia il tuo font
Il font che scegli ha un grande impatto sul carattere del tuo sito.
Ecco perché potresti essere seccato se non hai potuto scegliere il tuo font.
Bene, immagino che il tuo tema non abbia font personalizzati se stai leggendo questo, quindi ecco una soluzione semplice e gratuita:
Installa il plugin Google Fonts Typography.
Questo plugin ti darà accesso completo alla libreria di Google Fonts che è la fonte de facto dei font per il web.
Io uso Google Fonts in tutti i miei temi e non conosco nessun sviluppatore di temi che usi altro.
Una volta installato il plugin Google Fonts Typography, troverai un nuovo pannello nel Customizer dove potrai cambiare rapidamente il font in tutto il tuo sito.
Ho un video tutorial dettagliato su come cambiare il font con Google Fonts Typography se vuoi istruzioni passo dopo passo.
Se stai usando uno dei nostri temi, troverai anche Google Fonts completamente integrato nell’aggiornamento PRO del tuo tema.
Ora ecco un’altra vittoria rapida per modificare la presentazione del tuo sito.
Cambiare il numero di messaggi per pagina
Per impostazione predefinita, WordPress visualizza dieci messaggi sulla pagina principale del blog e gli archivi (categorie, tag, autore e archivi di date).
Dieci è un buon default, ma cosa succede se hai un layout a più colonne come i layout di Challenger Pro?
I visitatori scorreranno tutti e dieci i post in un solo passaggio. Il tuo sito funzionerà meglio se invece includerai più post come 16 o 20.
Puoi visitare il menu Impostazioni di lettura (Impostazioni >Lettura) e cambiare velocemente il numero di post per pagina con questa impostazione:
Semplice, vero?
Quando qualcuno raggiunge la fine dei tuoi post, può cliccare sulla paginazione per trovarne altri, ma c’è un’altra personalizzazione che è meglio della semplice paginazione.
Abilita lo scroll infinito
Sei onesto.
Quante volte clicchi effettivamente sui link di paginazione in fondo a un blog? Sapendo questo, hai davvero bisogno di qualcosa di più di un pulsante “altri post”?
Lo scorrimento infinito permette ai visitatori di scorrere una pagina e caricare automaticamente i post mentre scorrono. Mentre questo può funzionare bene per alcuni siti, c’è una piccola modifica che tende a funzionare meglio. Questa soluzione è quella di includere un pulsante “load more” dopo i tuoi post, come questo:
I visitatori possono fare clic sul pulsante per caricare automaticamente i post senza ricaricare l’intera pagina.
Il plugin gratuito WordPress Infinite Scroll fa un ottimo lavoro, ma dovrai essere comodo per modificare un po’ di codice nel tuo tema.
Se vuoi una soluzione senza codice, c’è una funzione di scorrimento infinito inclusa in Jetpack. Non tutti i temi sono compatibili, ma tutti i 19 dei nostri temi funzionano con Jetpack.
Lo scorrimento infinito porterà i tuoi visitatori a leggere più post e a passare più tempo sul tuo sito. Infatti, mentre siamo su questo argomento, ecco altri due modi per personalizzare il tuo sito in modo che i visitatori leggano più post.
Usa immagini in primo piano coerenti
Utilizzi immagini in primo piano, giusto?
Per essere sicuri di essere sulla stessa pagina, puoi usare questa opzione nella barra laterale di qualsiasi post o pagina per aggiungere una Featured Image:
E l’immagine apparirà sul blog e sulla pagina del post in questo modo:
Le immagini in primo piano aiuteranno ogni post ad ottenere più attenzione e più clic, il che significa più lettori e abbonati.
Ma c’è di più.
Alcuni utenti di WordPress pensano solo a un post alla volta quando selezionano le immagini in primo piano e questo rende il loro blog disarticolato.
Quando scegliete le immagini in primo piano, assicuratevi di mantenere un aspetto coerente.
Per esempio, di solito mi attengo all’arte vettoriale per le immagini in primo piano qui sul blog di Compete Themes.
Scegli un’estetica coerente per le immagini in primo piano sul tuo sito e renderà il design più bello.
Io uso Vecteezy per la grafica vettoriale e Unsplash è la migliore fonte di fotografie gratuite e professionali. Potrebbe anche piacerti Canva per aggiungere un titolo di post sopra le tue immagini.
Se vuoi che il tuo blog sia ancora più attraente, segui questo prossimo consiglio.
Scrivi un estratto personalizzato per ogni post
Non posso credere a quante poche persone scrivano estratti personalizzati!
Nella barra laterale destra dell’editor, troverai questa casella Excerpt:
Finché usi un tema ben codificato, l’estratto che scrivi lì apparirà nella pagina principale del blog e negli archivi.
Ci sono due ragioni per scrivere un estratto personalizzato per ogni post.
In primo luogo, il tuo tema probabilmente usa le prime 25 parole. Non pensi di poter scrivere un teaser più allettante per il tuo post che prendere solo le prime 25 parole? I visitatori cliccheranno di più se scrivi degli estratti convincenti.
In secondo luogo, puoi assicurarti che l’estratto si adatti bene al design quando scrivi degli estratti personalizzati. Se la lunghezza predefinita sembra troppo lunga o troppo corta, scrivere estratti manuali risolverà il problema.
Inoltre, renderà anche il tuo sito più performante sui social media se seguirai questa prossima tattica di personalizzazione.
Personalizza l’aspetto del tuo sito su Facebook
Se hai seguito i miei ultimi due consigli, adorerai il modo in cui i tuoi post appaiono quando vengono condivisi su Twitter e Facebook.
Ma!
Devi aggiungere i tag “Open Graph” al tuo sito. Il modo più semplice è quello di installare il plugin Yoast SEO.
Yoast SEO ottimizzerà il tuo sito per posizionarsi meglio su Google. Non voglio divagare troppo perché questo post riguarda il web design e non l’ottimizzazione dei motori di ricerca, quindi puoi leggere questi tutorial SEO se vuoi maggiori informazioni su tutto questo.
L’altra cosa che fa Yoast SEO è aggiungere i tag Open Graph al tuo sito 😁
I tag Open Graph appaiono nel codice sorgente di ogni pagina del tuo sito e dicono ai siti di social media come Facebook quali contenuti utilizzare quando qualcuno condivide il tuo sito.
Se aggiungi un’immagine in primo piano e scrivi un estratto personalizzato, questo è il contenuto che Facebook visualizzerà quando il post viene condiviso, ma solo se hai aggiunto i tag Open Graph.
Con Yoast SEO, hai anche la possibilità di aggiungere un’immagine diversa solo per Facebook e/o Twitter.
Quanto è bello?
Potresti usare una semplice fotografia come Featured Image, ma avere una versione diversa con il titolo sovrapposto solo per quando le persone condividono il post su Facebook.
Mentre stiamo parlando di social media, questa prossima personalizzazione è essenziale per costruire il tuo pubblico.
SUGGERIMENTO EXTRA: Per risparmiare tempo, scrivo una meta descrizione personalizzata per ogni post, la inserisco in Yoast, e poi la riutilizzo come estratto personalizzato del post.
Questa personalizzazione di WordPress è semplicissima.
Se vuoi che la gente ti segua, devi renderlo facile!
La maggior parte dei temi in questi giorni hanno icone sociali incorporate, come il tema Mission News che include icone per più di 50 siti di social media.
Quando qualcuno clicca su una delle icone, porta il visitatore direttamente al tuo profilo sociale. Questo è un ottimo modo per far sì che le persone ti seguano su qualsiasi piattaforma preferiscano.
Mentre l’aggiunta di icone sociali nell’header e/o nel footer del tuo sito è ottimo per costruire il tuo pubblico, dovresti anche considerare l’aggiunta di pulsanti di condivisione sociale.
Non voglio confonderti, quindi lasciami chiarire questo.
Nell’ultimo passo, ho consigliato di aggiungere icone collegate ai tuoi profili sociali nell’header del sito. Questi sono solo dei link.
I pulsanti di condivisione sociale dovrebbero essere aggiunti nei vostri post, come questo:
Quando qualcuno clicca su uno di questi pulsanti, si apre una nuova scheda con il post compilato e pronto per essere condiviso.
Ci sono tonnellate di plugin tra cui scegliere, ma il mio nuovo preferito è Scriptless Social Sharing.
Il problema che ho con la maggior parte dei plugin per pulsanti di condivisione è che rallentano troppo il sito. Scriptless Social Sharing include le caratteristiche essenziali e niente di più. Si carica molto velocemente e funziona benissimo su desktop e mobile.
Con tutto il nuovo traffico che riceverai, vorrai fare qualche altra personalizzazione per rendere il tuo sito più redditizio.
Aggiungi un modulo di contatto
Se vendi servizi sul tuo sito allora aggiungere un modulo in modo che i clienti possano mettersi in contatto è ovvio.
Ma un modulo di contatto è una parte essenziale di ogni sito. Non si sa mai quali opportunità possono arrivare.
Quando si tratta di aggiungere un modulo di contatto, WPForms è il mio plugin preferito.
È incredibilmente personalizzabile e facile da usare. Inoltre, gli aggiornamenti premium portano davvero le cose al livello successivo.
La mia guida su come aggiungere un modulo di contatto a WordPress ti guiderà attraverso tutti i passaggi.
Se non stai vendendo servizi o hai già un modulo di contatto, potresti voler creare una nuova landing page.
Crea una landing page
Una landing page è una pagina del tuo sito su cui atterrano i visitatori. In altre parole, mandi qui il nuovo traffico per convertirlo in abbonati e/o clienti.
Se stai guidando con successo il traffico verso il tuo sito, allora è il momento di mettere un’offerta su una landing page e mandare i visitatori lì.
Si consiglia di utilizzare il plugin Elementor per creare una landing page personalizzata. Hanno pagine di destinazione finite e kit di siti che puoi usare come punto di partenza.
Un trucco con le pagine di destinazione è quello di rimuovere tutta la navigazione o limitare la navigazione su quella pagina. Per fare questo, avrai bisogno di sapere come creare menu personalizzati.
Mentre dipende dal tema che scegli, il tuo sito probabilmente mostrerà ogni “Pagina” nel menu principale.
Questo non è ideale.
Vorrai creare un set personalizzato di link per il tuo menu, e potenzialmente alcuni menu che visualizzi su diverse pagine del tuo sito.
Per creare un menu personalizzato, segui i passi di questo video tutorial:
Apprenderai come aggiungere link a qualsiasi post, pagina o anche URL esterni nel tuo menu. Puoi anche riordinarli e creare menu a discesa con facilità.
Aggiungi questa prossima personalizzazione per rendere il tuo sito ancora più facile da navigare.
Hai già scrollato un po’ questo post, ma se guardi la parte superiore dello schermo, vedrai che il menu principale è ancora visibile.
Mantenere il tuo menu fisso nella parte superiore dello schermo in ogni momento rende il tuo sito molto più facile da navigare perché i visitatori non hanno bisogno di scorrere all’indietro ogni volta che decidono di passare a una nuova pagina.
Ci sono due modi semplici per rendere la tua navigazione appiccicosa (se il tuo tema non include già questa opzione).
Primo, puoi installare il plugin gratuito Sticky Menu on Scroll.
Questo plugin funziona benissimo ma devi sapere come trovare un selettore CSS da usare. Per tutti i nostri temi, puoi usare #site-header
o #menu-primary-items
a seconda che tu voglia che l’intera intestazione o solo il menu principale sia appiccicoso.
La seconda alternativa è quella di usare l’opzione menu appiccicoso disponibile in Elementor Pro. Questo metodo non richiede l’uso di alcun selettore CSS e puoi personalizzare completamente il design del menu mentre lo fai.
Ho un altro suggerimento per rendere il tuo sito ancora più facile da navigare.
Hai probabilmente sentito parlare della favola, Hansel & Gretel.
Come ricorderai, lasciano cadere delle briciole di pane mentre viaggiano attraverso la foresta lasciando una traccia che possono seguire per ritrovare la strada di casa.
I web designer hanno adottato questo stesso termine per la scia di link aggiunti a volte sotto l’intestazione, come questo esempio su Amazon.
Ogni link ti porta un passo indietro nella navigazione dei siti.
Anche se il tuo sito web è senza dubbio più piccolo e meno complesso di Amazon, probabilmente trarrebbe ancora beneficio dall’uso delle briciole di pane.
Se hai installato il plugin Yoast SEO consigliato in precedenza in questo post, allora non hai bisogno di fare molto altro. Basta cliccare su questa opzione per attivarlo dal menu delle impostazioni:
Tutti i nostri temi sono compatibili con il percorso delle briciole di pane di Yoast, ma potrebbe essere necessario verificare con lo sviluppatore del tema se le briciole di pane non vengono visualizzate sul tuo sito.
Con questi ultimi consigli, hai fatto tutte le personalizzazioni più importanti per la tua navigazione.
Ora passiamo al branding del tuo sito per un effetto visivo coerente.
Personalizza i tuoi colori
Questo è un passo semplice e forse ovvio per marchiare il tuo sito web.
Cambiare il colore d’accento in tutto il tuo sito creerà un effetto visivo coerente.
Se il tuo tema non include colori personalizzati e non sai come personalizzare il tuo sito con il codice, allora lascia che ti presenti uno strumento fantastico: CSS Hero.
Ecco un po’ di background…
CSS è il nome del linguaggio di codifica che i web designer usano per stilizzare le pagine web. CSS Hero è un plugin per WordPress che ti permette di personalizzare il tuo tema senza scrivere una sola riga di CSS.
Per esempio, puoi facilmente cambiare il colore di sfondo del tuo sito con CSS Hero. Dovresti iniziare aprendo l’editor visuale che assomiglia a questo:
Poi, dovresti cliccare sullo sfondo rivelando una serie di opzioni di personalizzazione nella barra laterale sinistra.
Infine, dovresti usare l’opzione del colore di sfondo per impostarlo su qualsiasi colore tu voglia e poi salvare le tue modifiche.
CSS Hero può essere usato per cambiare il colore di qualsiasi elemento del tuo sito così come i caratteri, la spaziatura e molti altri aspetti del design.
Prova CSS Hero →
Questa prossima tecnica di personalizzazione è un must per ogni sito web professionale.
Aggiungi il tuo logo alla scheda del browser
Sono sicuro che il tuo logo è già in cima al tuo sito. Ogni tema che ho visto include una semplice opzione per questo.
Ma non dovresti fermarti qui!
Dovresti anche aggiungere il tuo logo alla scheda stessa del browser, come questo:
Questa piccola icona è normalmente chiamata favicon, ma l’interfaccia di WordPress la chiama “Icona del sito”.
Nonostante, puoi trovare questa opzione nel Customizer (Aspetto > Personalizza).
Nel Customizer, apri la sezione Site Identity e troverai l’opzione Site Icon in basso.
Tutto quello che devi fare è caricare l’immagine del logo dal tuo computer e premere il pulsante Publish.
Quando scegli un’immagine per la favicon, è meglio usare un’icona se il tuo logo ne include una. Per Compete Themes, uso l’icona della penna e dello scudo, ma se non l’avessi, farei semplicemente il logo un quadrato blu con “CT” in testo bianco.
Potresti anche essere sorpreso di vedere che WordPress raccomanda che la tua immagine sia 512x512px. Sembra un po’ grande, non è vero?
Beh, oltre all’icona nella scheda del browser, la tua favicon sarà anche riutilizzata nei segnalibri che possono apparire molto più grandi. Per esempio, qualcuno che usa un iPad Pro potrebbe salvare il tuo sito nella sua schermata iniziale di Safari dove l’icona verrà visualizzata abbastanza grande.
Puoi seguire il nostro tutorial completo su come aggiungere una favicon a WordPress se vuoi una guida più dettagliata (c’è anche un video tutorial)
Un altro modo per dare al tuo sito un aspetto distinto è quello di utilizzare un’immagine di sfondo di marca.
Aggiungi un’immagine di sfondo
Non si vedono più tanto spesso immagini di sfondo.
In questi giorni, la maggior parte dei siti web si attiene ad un semplice sfondo bianco o grigio chiaro. Se vuoi davvero distinguerti, prova ad aggiungere un’immagine di sfondo che sia bella e di marca.
Possiamo rivolgerci ancora una volta a CSS Hero per questa personalizzazione.
Seleziona lo sfondo, ma invece di impostare un colore, scegli l’opzione immagine.
Puoi caricare qualsiasi immagine che vuoi e anche importarne una direttamente da Unsplash.
Ora portiamo il tuo branding al livello successivo.
Crea una pagina di login di marca
Se hai dei membri che accedono al tuo sito, creare una pagina di login di marca è un must.
In effetti, anche se sei solo tu che accedi al tuo sito, marchiare la schermata di login dà un vero senso di professionalità e soddisfazione. Fidati di me!
Ho marchiato il login di Compete Themes e ora è fantastico:
L’ho fatto usando il plugin gratuito Custom Login Page Customizer.
Se vuoi seguire gli stessi passi, ho scritto un post per WP Newsify tutto su questo.
Se hai seguito il tutto allora il tuo sito e la schermata di login sono completamente brandizzati, ma non c’è motivo di fermarsi qui!
Portiamo il branding nella dashboard del sito per portare la personalizzazione del tuo sito WordPress ancora più avanti.
Personalizza l’amministrazione di WP
Prima di tutto, nel caso non lo sapessi, puoi cambiare la palette di colori della dashboard amministrativa dal menu Il tuo profilo.
Andando avanti, gli schemi di colore lì probabilmente non corrispondono perfettamente al tuo marchio. Per avere il pieno controllo sulla tua interfaccia amministrativa, controlla il plugin WP Custom Admin Interface.
Avrai un enorme controllo sul design dell’interfaccia amministrativa del tuo sito. Per esempio, puoi creare una nuova tavolozza di colori che può essere selezionata dal menu Your Profile.
E puoi anche rinominare e riordinare le voci di menu, nascondere i menu e aggiungere nuove voci di menu completamente personalizzate.
Se vuoi il controllo totale sull’interfaccia amministrativa, questo è il modo per farlo.
Ora che conosci tutti i modi migliori per marchiare il tuo sito web per un business, copriamo alcune personalizzazioni di branding.
Aggiorna il tuo Display Name
Lo vedo sempre sui nuovi siti WordPress:
Chi è admin?
Lasciare il tuo nome in questo modo non rende il tuo sito molto professionale e certamente non aiuta il tuo marchio personale.
La buona notizia è che è molto facile da cambiare.
Il nome che appare nella byline dei tuoi post e nei commenti è chiamato Display Name, e puoi cambiarlo dal menu Utenti >Il tuo profilo.
Una volta salvato, si aggiornerà istantaneamente in tutto il tuo sito.
Questo video spiega come utilizzare i Display Name in modo più dettagliato:
Con il tuo nome impostato, vorrai anche aggiungere un avatar personalizzato.
Visualizza un avatar personalizzato
Non vuoi che un avatar predefinito venga visualizzato accanto al tuo nuovo Display Name, come questo:
La maggior parte dei temi di WordPress si integrano con Gravatar, quindi nel momento in cui aggiungi un’immagine lì verrà visualizzata immediatamente sul tuo sito.
Nel caso in cui non hai familiarità con Gravatar, è un servizio molto semplice.
Tutto quello che fai è aggiungere un indirizzo email e caricare un’immagine da associare ad esso. Tutto qui 🙂
Vedrai l’immagine di Gravatar apparire sul tuo sito e su qualsiasi altro sito che si integra con il servizio (molti lo fanno).
In alternativa, puoi installare il plugin Simple User Avatar per caricare un’immagine di profilo sul tuo sito senza usare Gravatar.
Mettere il tuo nome e la tua foto su tutti i tuoi post è un ottimo inizio, e l’aggiunta di un “box autore” può portare le cose al livello successivo.
Aggiungi un box autore
Con “box autore”, intendo qualcosa come questo:
I box autore sono ottimi per costruire il tuo marchio per due motivi.
In primo luogo, portano il tuo nome e la tua faccia davanti ai visitatori.
In secondo luogo, puoi aggiungere una breve biografia che ti aiuta ad aggiungere ancora più personalità e relazionabilità. Inoltre, è possibile collegare a qualsiasi pagina che si desidera.
Siccome l’author box appare dopo il contenuto del post, i visitatori che lo vedono hanno appena finito di leggere un post che è un ottimo momento per associarsi a quel contenuto.
Se il tuo tema non ha un author box incluso, ti consiglio di installare il plugin Simple Author Box.
Ci sono diversi plugin author box disponibili, ma questo offre il miglior equilibrio di flessibilità e qualità out-of-box secondo me.
Questo video tutorial ti darà uno sguardo dietro le quinte se vuoi vedere prima come funziona. Oppure puoi seguire questa guida su come aggiungere un box biografico dell’autore.
Il prossimo modo di personalizzare il tuo sito ti aiuterà a costruire il tuo marchio personale ancora più velocemente.
Aggiungi un widget “About Me”
Se il tuo sito ha una barra laterale, una delle migliori personalizzazioni per costruire il tuo marchio è quella di includere un widget About Me in alto.
Questo manterrà il tuo nome e il tuo avatar visibili su ogni pagina che pubblichi.
Puoi usare il widget Text o il widget HTML per creare un layout come questo da solo, o installare il plugin Easy Profile Widget.
Più esponi i visitatori al tuo nome, avatar e bio, più diventi familiare per loro e meglio il tuo marketing funzionerà.
Parlando di widget, ecco un altro modo fantastico per personalizzare il tuo sito WordPress.
Controlla su quali pagine vengono visualizzati i widget
I widget sono fantastici, ma c’è un problema.
A volte vuoi aggiungere un widget alla tua barra laterale, ma non vuoi che venga visualizzato in ogni pagina del tuo sito.
E se tu potessi scegliere esattamente su quali post e pagine visualizzare ogni widget?
Con il plugin Widget Options, puoi farlo.
Dopo aver installato Widget Options, vedrai questa nuova sezione aggiunta ad ogni widget.
Puoi aggiungere i widget a interi tipi di pagina in una volta sola, come tutte le categorie, o scegliere categorie specifiche o anche pagine individuali.
Poiché puoi facilmente cambiare le regole tra includere VS escludere il widget sulle pagine selezionate, questo plugin dà al tuo sito una flessibilità incredibile.
Ecco un altro modo per migliorare la personalizzazione del tuo sito.
Aggiungi descrizioni di categoria
Una normale intestazione di categoria sul tuo sito potrebbe apparire come questa:
Mentre questo funziona bene da solo, puoi effettivamente aggiungere una descrizione unica per ogni categoria.
Con l’aggiunta di una descrizione, puoi aiutare i visitatori a capire esattamente cosa troveranno nella pagina ed è anche buono per il SEO.
Puoi visitare la pagina Categorie (Posts > Categorie) e cliccare su qualsiasi categoria per modificarla. Poi nella pagina successiva, digita la descrizione in questa casella:
La maggior parte dei temi visualizzerà la descrizione nella pagina della categoria sotto l’intestazione, come questa:
Puoi completare questa personalizzazione in pochi minuti e dare al tuo sito un aspetto più professionale.
Un altro modo per aumentare la professionalità del tuo sito è quello di personalizzare il testo a piè di pagina.
Personalizza il testo a piè di pagina
La maggior parte dei temi WordPress includono un breve credito di design nella parte inferiore del sito.
Anche se spesso non è possibile rimuovere questo testo senza scrivere codice, alcuni temi come Ignite, includono una semplice opzione nel Customizer per cambiare il testo a piè di pagina.
Puoi includere qualsiasi testo che vuoi, ma molti siti web scelgono di includere il nome della società, l’anno corrente e un’icona di copyright. Puoi usare le tue emoji per aggiungere un simbolo di copyright o semplicemente copiare questo negli appunti – ©
Personalizza le email che WordPress invia
Questo potrebbe essere enorme per te se hai membri che si uniscono al tuo sito.
WordPress ha molti messaggi pre-scritti che invia. Per esempio, ci sono email per quando qualcuno si unisce al tuo sito o cambia la password.
Nessuno di questi messaggi sarà on-brand per te, quindi puoi installare il plugin Notification per avere il controllo totale sulla copia delle email.
Questo plugin è incredibilmente personalizzabile e ti permette di cambiare la copia delle email esistenti e aggiungere eventi completamente nuovi per l’invio delle email.
Di solito pensiamo alla personalizzazione di un sito web come a cambiamenti visivi per un sito, ma scrivere una copia personalizzata per le tue email porterà la tua personalizzazione anche oltre.
Se vuoi davvero che ogni aspetto del tuo sito sia personalizzato, uno degli ultimi passi è modificare la tua pagina 404.
Personalizza la tua pagina 404
Se si ripubblica una pagina o si cambia l’URL e qualcuno visita il vecchio indirizzo, vedrà una schermata 404 come questa:
Sebbene tu voglia pulire i link rotti e gli errori 404 sul tuo sito, è un evento perfettamente naturale per un sito web.
Siccome sai che la gente vedrà occasionalmente la tua pagina 404, questa è un’altra occasione per creare una pagina personalizzata con il tuo marchio.
Per questo, ci rivolgeremo al plugin 404page.
Con questo plugin puoi creare una pagina 404 interamente personalizzata per il tuo sito. È progettato in un modo molto intelligente.
Con 404page, puoi semplicemente pubblicare una pagina normale con qualsiasi contenuto tu voglia e poi assegnarla come pagina 404. Questo è molto più facile e flessibile che usare un editor personalizzato per la pagina di errore.
Ecco un ultimo consiglio che ti darà molto più controllo sul tuo sito web.
Master the HTML widget
Imparare a scrivere codice è un grosso lavoro, ma ecco il punto…
HTML non è un linguaggio di programmazione come PHP o Javascript. L’HTML è solo markup.
Questo significa che puoi imparare l’HTML molto velocemente e una volta che conosci le basi, scoprirai di avere molto più controllo sul tuo sito.
Con il widget HTML che è incluso in WordPress, puoi creare virtualmente qualsiasi contenuto o layout che vuoi senza aggiungere alcun nuovo plugin.
Per esempio, ho consigliato un widget in precedenza per creare un widget “About Me” nella barra laterale, ma questo è facilmente realizzabile senza aggiungere un nuovo plugin se sai come scrivere HTML.
È un ottimo primo passo verso il codice e lo consiglio vivamente agli utenti di WordPress che vogliono diventare più tecnici.
Conclusione
Prima di tutto, congratulazioni per essere arrivati fin qui!
Questo post ha continuato a diventare più lungo man mano che mi venivano in mente altri modi per personalizzare un sito WordPress.
Ad essere onesti, ho solo grattato la superficie in questo post – ci sono un sacco di altre modifiche che puoi fare al tuo sito.
Ritornando al mio primo punto, uno dei modi migliori per iniziare a personalizzare il tuo sito è quello di scegliere un tema personalizzabile, quindi prima di andare, dai un’occhiata ai nostri temi migliori e visualizzali in anteprima sul tuo dispositivo. Sono tutti totalmente gratuiti – per sempre!
Vedi la nostra collezione di temi →
Se hai domande o altre idee da condividere, scrivi nella sezione commenti qui sotto.