Hai bisogno di personalizzare un tema WordPress? Forse hai appena avviato il tuo sito Web personale ma i temi predefiniti di WordPress non ti ravvivano.
Fortunatamente, WordPress offre una moltitudine di opzioni per aiutarti a modificare e progettare il tema del tuo sito Web in base alle tue preferenze. Ti mostreremo come iniziare.
Passaggio 1: modifica del tema predefinito
Attualmente, un'installazione di base di WordPress viene fornita con il tema Twenty-Twenty Two impostato come predefinito. Ma come avrai notato, il tema predefinito non ha tutti i campanelli e i fischietti che vorresti sul tuo sito web. Certo, si carica rapidamente e fornisce ciò di cui hai bisogno, ma vuoi anche che il tuo sito web abbia un bell'aspetto.
Pertanto, dovresti considerare di sostituire il tema WordPress predefinito con qualcosa di più personalizzabile. Alcuni ottimi esempi sono GeneratePress, Astra, OceanWP, Kadence WP, ecc.
Per farlo, accedi alla dashboard di WordPress del tuo sito e seleziona Aspetto esteriore
dalla barra laterale sinistra. Quindi, passa a Temi sezione e fare clic Aggiungere nuova per installare un nuovo tema. WordPress presenterà un catalogo dei temi più popolari e più recenti. Puoi sceglierne uno da questo elenco o digitare manualmente il nome del tema che desideri installare nel campo di ricerca.In ogni caso, passa il mouse sopra la voce del tema quando la vedi e fai clic Installare. Quindi, fare clic Attivare per applicare il tema al sito web live. Molti temi WordPress sembrano fantastici fin dall'inizio, mentre in alcuni casi potresti dover personalizzare anche il layout di base del sito Web da solo.
Passaggio 2: modifica di alcune variabili generali del sito Web
Dopo aver installato il tema che ti piace, il passaggio successivo consiste nell'impostare alcune variabili di base che influiscono sull'intero sito Web, come il nome del sito Web, lo slogan e il logo. Dirigiti verso il Aspetto esteriore sezione e fare clic personalizzare per aprire la personalizzazione di WordPress. Qui troverai le impostazioni per modificare la struttura, il design e la tipografia del tuo sito web.
Tieni presente che le etichette delle opzioni menzionate di seguito potrebbero essere diverse in base al tema che hai installato, ma la maggior parte delle funzionalità sarà presente nella personalizzazione, appena sotto un'etichetta diversa. Quindi assicurati di giocare con le opzioni prima di apportare modifiche effettive al sito web.
Per iniziare, vai al Identità del sito sezione e inserisci il nome e lo slogan del tuo sito web. Quindi, crea due loghi diversi per il tuo sito web: il logo dell'intestazione e la favicon. WordPress specificherà le dimensioni consigliate per la favicon; devi solo creare l'immagine e caricarla nella libreria. Il resto è facile!
Puoi anche scegliere di nascondere il nome e lo slogan del sito web se stai caricando un logo personalizzato.
Quindi, passa alla modifica del layout del sito Web passando a Disposizione sezione. Qui puoi modificare la larghezza del contenitore principale, l'allineamento dell'intestazione, il menu di navigazione, le barre laterali e molto altro.
Si consiglia di creare i menu di intestazione e piè di pagina a questo punto, utilizzando il file Menù sezione, così puoi concentrarti esclusivamente sul lato del design delle cose in un secondo momento.
Passaggio 3: passare a stili più avanzati
Ora che le cose fondamentali sono fuori mano, avresti una struttura di base di come apparirà il tuo sito web. Non preoccuparti se non sembra ancora buono. Dirigiti verso il Colori sezione e seleziona i colori primari per il tuo sito web. Puoi usare un sito online per generare tavolozze di colori per il tuo marchio
Quindi, passa a Tipografia sezione e aggiungi tutti i caratteri che desideri avere sul tuo sito web. Dopo aver selezionato un carattere pulito e leggibile, passa a Widget. C'è una miriade di widget che puoi aggiungere al tuo sito web: campo di ricerca, commenti recenti, articoli correlati, galleria, codice HTML personalizzato, visualizzazione del testo, ecc.
Seleziona la posizione in cui desideri visualizzare il widget e quindi aggiungine semplicemente uno utilizzando la funzione dei widget di blocco di WordPress.
Passaggio 4: utilizzare il codice personalizzato per personalizzare il tema WordPress
Una delle tante funzionalità di WordPress è la sua capacità di gestire codice personalizzato. Puoi aggiungere il tuo codice su WordPress e rifletterà le modifiche senza interrompere nulla. L'unico problema? Devi essere esperto in CSS per lo stile di HTML e PHP, per modificare la funzionalità predefinita di WordPress.
Per aggiungere CSS personalizzati al tuo sito web, vai su CSS aggiuntivo sezione all'interno del personalizzatore di WordPress. Qui puoi utilizzare classi e ID per selezionare e definire lo stile degli elementi HTML secondo i tuoi gusti. Per ottenere l'identificatore di elemento per un'entità HTML, utilizza gli strumenti di sviluppo del browser offerti da Google Chrome e Mozilla Firefox.
Inoltre, per personalizzare il funzionamento del tema, vai alla dashboard di WordPress e seleziona Aspetto esteriore dalla barra laterale sinistra. Sotto Editor di file di temi, troverai un elenco di tutti i file del tema e un editor che puoi utilizzare per modificarli.
Puoi cambiare qualsiasi cosa, dal modo in cui i post vengono visualizzati nelle pagine delle categorie al modo in cui i commenti vengono mostrati e filtrati modificando i file PHP.
Passaggio 5: crea un tema figlio per salvare le personalizzazioni
Le tue personalizzazioni renderanno il tuo sito bellissimo. Ma solo fino a quando lo sviluppatore non rilascerà un aggiornamento del tema. Le modifiche che apporti al tuo tema andranno perse non appena aggiorni il tuo tema WordPress. Per contrastare questo, puoi crea un tema figlio dal tuo tema principale di WordPress.
Un tema figlio eredita lo stile, l'aspetto e le funzioni del tema principale e ti consente di aggiungere le tue personalizzazioni su di esso. In questo modo, ogni volta che c'è un nuovo aggiornamento al tema principale, puoi essere certo che l'aggiornamento influirà solo sul tema principale e le tue personalizzazioni rimarranno intatte.
Suggerimento bonus: utilizzare un Page Builder o modelli per progettare il tuo sito web
Se non vuoi perdere tempo a generare una tavolozza di colori del marchio e personalizzare ogni aspetto del tuo sito web, prendi in considerazione l'utilizzo di modelli predefiniti. Un disclaimer: non tutti i temi WordPress offrono modelli ai propri utenti gratuitamente, ma ce ne sono molti che lo fanno.
Quindi, se hai poco tempo e devi creare rapidamente un sito Web personale o aziendale, installa un tema fornito con diversi modelli tra cui puoi scegliere.
Ecco come appare il sito web demo dopo aver applicato un modello di GeneratePress:
Ancora meglio, puoi utilizzare un generatore di pagine che ti consente di creare pagine personalizzate utilizzando gli strumenti di trascinamento della selezione. Puoi anche modificare e creare intestazioni e piè di pagina personalizzati con tali strumenti.
Ai costruttori di pagine di WordPress piace Elementor e Divi sono un vero toccasana per coloro che non hanno esperienza con le tecnologie frontend e hanno solo bisogno di un modo rapido per creare bellissimi siti Web basati su WordPress senza codifica.
Costruire un sito web professionale con WordPress
Avviare un sito web richiede tempo. Devi acquistare un nome di dominio e configurare l'hosting, dopo che sei riuscito a trovare un marchio.
Ci sono quasi 1,7 miliardi di siti Web su Internet al momento e ogni giorno ne vengono aggiunti altri. Pertanto, è importante scegliere un nome di dominio univoco che aiuti il tuo marchio a distinguersi dalla massa.