Come personalizzare un tema WordPress per adattarlo al tuo marchio

I temi di WordPress sono disponibili in diverse forme e dimensioni, ma le tecniche di personalizzazione del tema rimangono simili. Se sai come personalizzare un tema, sarebbe molto più facile per te occuparti di un altro.

In questo articolo vorremmo trattare il tema WordPress Cloe Brooks per i siti Web medici e mostrarti come puoi personalizzarne il design, il layout e fondamentalmente renderlo tuo.

Tema vuoto vs contenuto demo

Una volta installato un tema, hai due opzioni: creare pagine e layout da zero o installare dati fittizi predefiniti che riempiranno le pagine per te e renderanno il tuo sito bello fin dall'inizio.

Ogni modo ha i suoi pro e contro, ad esempio se scegli di importare i dati demo potresti aver bisogno di ripulire il tuo sito in seguito e rimuovere pagine, post, categorie, ecc. Non necessari Con l'installazione pulita, tuttavia, potrebbe essere troppo tempo consumare per ricreare i layout e le impostazioni di pagina originali.

Ti consigliamo di utilizzare l'opzione del contenuto demo e di installare i dati demo completi del sito. Sarebbe molto più facile sostituire testo e immagini con i tuoi ed eliminare il resto dei dati, piuttosto che costruire tutto da zero. Dopotutto, eliminare i contenuti è più facile che crearli.

Logo del sito e Favicon

Dopo l'installazione del contenuto demo possiamo iniziare a personalizzare il nostro sito. Il modo più semplice per farlo è caricare il tuo logo e la tua favicon.

Questi due componenti separano il tuo sito dagli altri e lo rendono distintivo.

Se non hai ancora un logo, non preoccuparti. Puoi invece utilizzare un titolo del sito. Un titolo del sito insieme a uno slogan può comunque produrre un aspetto professionale per il tuo sito e sarebbe più preferibile di un logo con immagine mal realizzato.

Una favicon è un altro elemento di identità del marchio che puoi impostare qui. Viene visualizzato all'inizio di una scheda nel browser. Per caricare una favicon, usa un'immagine .png larga 512 pixel.

Per caricare un logo, vai su Aspetto > Opzioni del tema > Personalizzazione e nella sezione "Logo principale" seleziona l'immagine del tuo logo. Se il tuo logo sembra troppo grande o troppo piccolo, puoi cambiarlo regolando il valore "Altezza logo".

Combinazione di colori

La combinazione di colori è parte integrante di qualsiasi design e la possibilità di cambiarla ti dà la libertà di personalizzare in larga misura il tuo sito.

Per impostazione predefinita, il tema Cloe Brooks presenta una combinazione di colori pastello caldi e blu. Queste tonalità di colore si adattano bene a un sito Web medico. Tuttavia, se non corrispondono ai colori del tuo marchio o desideri semplicemente che la combinazione di colori sia leggermente diversa, puoi regolarli nel pannello delle opzioni del tema.

Vai su Aspetto > Caratteri e colori e seleziona Combinazioni di colori . Puoi vedere che Cloe Brooks ha due schemi di colori predefiniti, chiaro e scuro. Sono utili se vuoi cambiare rapidamente l'aspetto del tuo sito e vuoi che conservi le scelte cromatiche originali del designer.

Tuttavia, puoi anche modificare i colori originali e ridisegnare completamente una combinazione di colori. Probabilmente la soluzione che richiede meno tempo sarebbe quella di cambiare i colori di accento del tema. In questo modo, puoi vedere immediatamente cambiamenti considerevoli nella tavolozza dei colori del sito. Per un cambiamento più radicale puoi anche regolare i colori di altri elementi del sito, come campi di input, colori di sfondo principali e alternativi, colori di accento dei bordi, ecc. Questi sono cambiamenti sottili, ma necessari se hai intenzione di cambiare completamente il design .

Un'altra cosa fantastica è che puoi visualizzare in anteprima le modifiche al colore e vederle in combinazione con altri elementi del sito Web nel pannello delle impostazioni del colore.

In alcuni casi potresti vedere che alcuni degli elementi nella demo del tema non sembrano avere i colori appena assegnati. Ciò significa che i colori di tali elementi vengono assegnati tramite Visual Composer. Puoi aprire le pagine corrispondenti con quegli elementi e correggerli, oppure ignorarli finché non inizi a caricare i tuoi contenuti.

Un'opzione utile è che puoi salvare le impostazioni della combinazione di colori correnti come una nuova combinazione di colori o duplicarne una esistente per salvarla nel caso in cui desideri passare ai colori originali del tema.

Una volta completata la personalizzazione della combinazione di colori, assegnala nella scheda Stile corpo in Aspetto > Opzioni tema > Personalizzazione.

Tipografia

Sebbene la tipografia possa sembrare non importante quanto la combinazione di colori o le immagini per il tuo sito, in realtà i caratteri hanno un impatto ancora maggiore sui tuoi spettatori. Se i tuoi contenuti non hanno uno stile improprio, i tuoi lettori avranno difficoltà a capire il tuo messaggio.

Cloe Brooks presenta un elegante carattere sans-serif personalizzato, ma se necessario puoi cambiarlo con qualsiasi altro carattere che preferisci. Puoi selezionare un carattere disponibile dalla raccolta di Google Fonts o caricare il tuo.

Puoi trovare le impostazioni del carattere del tema in Aspetto > Caratteri e colori > Caratteri. Le impostazioni sono versatili e ti danno un grande controllo sullo stile del testo del tuo sito. Regola i caratteri per elementi come intestazioni, corpo del testo, collegamenti, campi di input, pulsanti, voci di menu e altro. Puoi selezionare lo stile del carattere, lo spessore, l'altezza della linea, la decorazione e persino specificare i margini superiore e inferiore di un elemento.

La tipografia è un campo sottile e, se sei un principiante, può essere facile incasinare le cose. Se non hai mai avuto a che fare con la tipografia prima, ma desideri comunque dare al tuo tema un aspetto diverso, ti consigliamo di prestare attenzione alle scelte dei caratteri del tema originale e di sostituirli con caratteri dello stesso stile. Ad esempio, se il tema originale utilizza un carattere sans-serif, è meglio sostituirlo con un altro carattere sans-serif.

Un altro consiglio è quello di mantenere il contrasto tra i diversi gruppi di caratteri, ad esempio le intestazioni e il carattere del corpo. Il contrasto può essere ottenuto con l'aiuto di dimensioni, colore, spessore del carattere e stile del carattere.

Account social e informazioni di contatto

Il prossimo passo sarebbe compilare le tue informazioni di contatto e aggiungere account di social media al tuo sito web.

Puoi trovare le impostazioni dei social media andando su Aspetto > Opzioni tema > Social.

Sei libero di aggiungere tutti gli account di cui hai bisogno specificando il link dell'indirizzo e un'icona del tuo social network.

Per integrare il tuo feed Twitter nel tuo sito, qui dovrai compilare i dettagli dell'API Twitter, come chiave del consumatore, segreto del consumatore, ecc.

Le tue informazioni di contatto possono essere inserite in Aspetto > Opzioni tema > Informazioni contatto. Lì puoi specificare il tuo indirizzo e-mail, indirizzo aziendale, orari di apertura, numero di telefono e altro. Queste informazioni verranno utilizzate nelle sezioni dell'intestazione e del piè di pagina del tuo sito web.

Avvolgendo

Sebbene ci siano molte altre cose che puoi personalizzare nel tema Cloe Brooks, qui abbiamo trattato le più importanti.

Abbiamo coperto passaggi come la necessità o meno di installare i dati demo e come caricare un logo e una favicon. Abbiamo anche imparato a modificare la combinazione di colori e la tipografia del nostro sito. Infine, abbiamo appreso dove esattamente nel nostro tema possiamo specificare le nostre informazioni di contatto e i collegamenti agli account dei social media.

Come puoi vedere, la personalizzazione del tema non è così scoraggiante come potrebbe sembrare a prima vista. Richiede un po' di tempo e pazienza, ma se il tuo tema è costruito correttamente, il processo diventa facile e intuitivo. Che esperienza hai con la personalizzazione dei temi WordPress? Condividi con noi i tuoi pensieri nei commenti.