Personalizza il tema WordPress
- Lezione numero: 11
- Anno di attuazione: 2021
- Appartenente al progetto: una guida per principianti all'utilizzo di WordPress
La personalizzazione del tema è una funzione integrata di WordPress, non è necessario installare un plug-in per farlo.
La funzione di cui sopra ti aiuta ad apportare modifiche di base e importanti relative all'aspetto del tuo sito web.
Per accedere a quest'area, nell'interfaccia inglese, vai su Aspetto > Personalizza :
E nell'interfaccia vietnamita, entra Interfaccia> Personalizza :
La funzionalità dell'area di personalizzazione del tema varia ampiamente a seconda del tema specifico. Di solito i temi che vai ad acquistare, quest'area di personalizzazione sarà molto più complicata dei temi gratuiti.
L'aspetto personalizzabile del tema Twenty Sixteen (gratuito):
L'aspetto personalizzabile del tema Twenty Seventeen (gratuito):
Aspetto personalizzabile del tema Soledad (a pagamento) – C'è altro sotto ma non riesco a catturare lo schermo intero:
Aspetto personalizzabile del tema del giornale (a pagamento):
Sopra, ho appena citato la personalizzazione dell'interfaccia di 4 temi diversi.
Mục lục
Principali personalizzazioni
Mentre le personalizzazioni variano ampiamente, i temi spesso condividono alcune funzionalità comuni come:
1. Identità del sito/Identificatore del sito
Quest'area viene spesso utilizzata per modificare il titolo del sito (titolo del sito) e lo slogan (brevi descrizioni appena sotto il nome del sito). Inoltre, è anche il punto in cui carichi il logo del sito Web e la favicon (icona del sito) – Piccola icona del sito Web sul browser:
Con Website Icons, ricorda di attenersi alle dimensioni che suggerisce, qui dicono che l'immagine dovrebbe essere quadrata e almeno 512 px * 512 px
2. Immagine di sfondo / Immagine di sfondo
L'immagine può essere utilizzata come sfondo per il sito Web:
Ci sono 2 opzioni per quanto riguarda l'immagine di sfondo:
- Scegli un'immagine molto grande come immagine di sfondo per il tuo sito Web, il vantaggio è che può rendere il tuo sito molto personale, ma rallenta il caricamento per i visitatori che visitano per la prima volta (*). Puoi trovare immagini d'archivio gratuite su Pixabay per le immagini di sfondo. L'idea di utilizzare immagini di grandi dimensioni come sfondo per il web si può fare riferimento a Awwwards .
- Scegli immagini di esempio molto piccole come sfondo (motivi, trame) e si ripeterà coprendo l'intero sfondo del sito Web. Poiché le immagini di piccole dimensioni sono di dimensioni molto ridotte, il loro vantaggio è che non influiscono sulla velocità di accesso al Web. Ad esempio, puoi andare su Toptal per trovare tali modelli.
(*): per ridurre le dimensioni dell'immagine, potresti essere interessato all'utilizzo di strumenti e plug-in di compressione delle immagini:
3. Menu e widget
È possibile personalizzare menu e widget tramite questa parte del sito Web, tuttavia si consiglia di accedere alle sue sezioni specializzate per personalizzazioni più comode e facili. È possibile visualizzare le istruzioni parziali qui:
4. Colori/Colori
Questa è l'area in cui personalizzi il colore, può includere le seguenti personalizzazioni:
- Colore di sfondo: il colore di sfondo dell'intera pagina web
- Colore di sfondo della pagina: il colore di sfondo della pagina
- Colore collegamento: colore di sfondo del collegamento
- Colore del testo principale: il colore del testo principale sul sito web
- Colore del testo secondario: colore del testo secondario sul sito web
5. Immagine di intestazione
Solo immagini utilizzate come intestazioni (immagine ingrandita nella parte superiore della pagina web):
Quando scegli un'immagine di intestazione, dovresti prestare attenzione alla dimensione ottimale che suggerisce, ad esempio nella sezione sopra la dimensione ottimale è 1200px * 280px (il valore specifico dipende dalla dimensione dell'immagine del tema). Se l'immagine che carichi non ha le dimensioni ottimali, di solito è comunque accettabile, ma può far sembrare il tuo sito scadente.
Quando scegli un'immagine di intestazione, cerchi di ottimizzarne le dimensioni, perché questa è l'immagine che apparirà spesso in ogni articolo (l'immagine di sfondo è anche l'immagine che compare spesso in ogni articolo).
Dovresti considerare l'utilizzo di un plug-in di compressione delle immagini, renderà le immagini in tutto il sito più chiare, senza quasi alcun impatto sulla qualità dell'immagine.
6. CSS aggiuntivo
Aggiungi CSS – questo non è per i principianti. Il CSS viene utilizzato per regolare le cose relative all'aspetto del sito Web come la dimensione del carattere, il colore, il colore di sfondo, il bordo, ecc. Solo per usarlo devi sapere cos'è il CSS e come scriverlo. .
Se non sai nulla di CSS, è meglio non toccare questa parte.
