Cum să personalizați tema WordPress cu Customizer

Publicat: 2020-08-24

Personalizarea unei teme WordPress este un pas necesar pentru a utiliza orice temă după activarea acesteia. Și cu ajutorul Personalizatorului temei, o poți face mai ușor ca niciodată. Cu toate acestea, poate fi puțin dificil când te obișnuiești cu acest instrument. Deci, dacă sunteți confuz, acest articol vă va fi de mare ajutor.

Cuprins ascunde
  1. 1. Deschideți Instrumentul de personalizare
  2. 2. Personalizați tema prin personalizare
    1. 2.1. Setări pagina de pornire
    2. 2.2. Identitatea site-ului
    3. 2.3. Culoare, imagine de fundal și fonturi
    4. 2.4. Meniul
    5. 2.5. Widget
  3. 3. Ultimele cuvinte

După ce ați ales o temă WordPress și ați instalat-o, ar trebui să utilizați instrumentul de personalizare pentru a personaliza aspectul site-ului web urmând demo-ul temei sau propriul stil. Avantajul acestui instrument este modul de previzualizare live care vă permite să vedeți direct rezultatele în timp ce personalizați. Acest lucru vă economisește timp și este mult mai ușor de manipulat decât editarea în backend (Tabloul de bord de administrare).

Iată pașii de bază pentru a personaliza o temă WordPress cu Customizer pentru a crea un site web care seamănă cel mai mult cu tema demo sau cu dorința dvs.

Deschideți Instrumentul de personalizare

Mai întâi, accesați Personalizator din bara de administrare din partea de sus a paginii sau Tabloul de bord > Aspect > Personalizare pentru a deschide acest instrument.

Deschideți instrumentul de personalizare.

Interfața Customizer constă din două părți principale: coloana din stânga conține opțiuni de personalizare, iar ecranul din dreapta afișează previzualizarea live. Iată cea mai comună interfață a lui Customizer.

Interfața Customizer constă din două părți principale.

Coloana din stânga include:

1: Butonul Publicare pentru a salva rezultatele după personalizare. Dacă închideți site-ul fără să dați clic pe el, personalizarea dvs. nu va fi salvată. Deci, după fiecare modificare, nu uitați să apăsați acest buton.
2: Această zonă arată tema pe care o utilizați. După cum puteți vedea în exemplul meu, folosesc tema Memory. (Puteți descărca această temă aici).
3: Opțiuni de personalizare a temei. Rețineți că opțiunile temei variază în funcție de diferite teme.
4: Faceți clic pe Ascundere comenzi pentru a ascunde această coloană. De asemenea, dacă doriți să vedeți cum arată previzualizarea live pe alte dispozitive, faceți clic pe pictogramele dispozitivului corespunzătoare aici.

După ce ne-am familiarizat cu interfața Customizer, haideți să cercetăm fiecare opțiune de personalizare de bază pentru a personaliza un aspect care este cel mai asemănător cu demo-ul sau cu ideea dvs. Nu uitați să citiți cu atenție documentația temei, deoarece poate avea cerințe diferite de personalizare.

Personalizați tema prin personalizare

După activarea unei teme, site-ul dvs. nu arăta încă ca demo. Cu excepția cazului în care tema dvs. acceptă importarea demonstrației, trebuie să personalizați manual tema. Secțiunile personalizate comune includ:

Setări pagina de pornire

Aceasta este cea mai importantă secțiune pentru a determina afișarea paginii de pornire.

Personalizați setările paginii de pornire.

În setările paginii de pornire, există două opțiuni pentru afișarea pagina de start: cele mai recente mesaje și pagini statice. În funcție de cerințele fiecărei teme, puteți alege o opțiune potrivită.

Pentru un site de lectură precum blogurile, ar trebui să alegeți Cele mai recente postări ale dvs. .

Se afișează pagina de pornire cu cele mai recente postări ale tale.

Pentru paginile de afaceri, ar trebui să alegeți O pagină statică , apoi selectați o pagină pentru pagina de pornire în secțiunea Pagina de pornire și o pagină de arhivă în secțiunea Pagina Postări . Doar faceți clic pe pictograma meniului derulant din fiecare secțiune pentru a selecta una dintre postările și paginile disponibile sau faceți clic pe Adăugați o pagină nouă pentru a crea una nouă pentru aceste două articole.

Cu toate acestea, dacă pagina de pornire aleasă nu a fost personalizată și configurată, este posibil să lipsească funcții speciale, cum ar fi glisorul, îndemnul, imaginea eroului etc. și veți avea nevoie de mai multă personalizare. Ar fi bine să citiți instrucțiunile temei pentru aceste setări.

Citiți instrucțiunile temei pentru a afla cum să personalizați alte setări.

Identitatea site-ului

Această secțiune vă ajută să schimbați informații despre site, cum ar fi schimbarea siglei, titlului, sloganului.

Site Identity vă ajută să schimbați informațiile despre site.

Alegeți sigla, scrieți titlul și sloganul site-ului dvs. În plus, poate avea opțiuni pentru a personaliza sigla, titlul sau ascunde/afișează aceste elemente.

Opțiuni pentru a personaliza sigla, titlul sau ascunde/afișează aceste elemente.

Culoare, imagine de fundal și fonturi

Majoritatea temelor, odată activate, vor configura automat culorile, fundalurile și fonturile similare cu demo. Cu toate acestea, în cazul în care elementele de mai sus nu au fost încă gata, trebuie să le configurați.

Puteți personaliza culoarea, imaginea de fundal și fonturile

Culoare

Majoritatea temelor acceptă secțiunea Culoare. Cu toate acestea, în timp ce unele teme vă permit să schimbați culoarea multor elemente, unele teme se limitează la câteva.

Mai întâi, faceți clic pe elementul pe care doriți să-l recolorați (1) (cum ar fi culoarea principală, culoarea titlului sau culoarea textului). Puteți alege o culoare direct pe paletă (2), sau introduceți codul de culoare aici (3).

Personalizați culoarea temei dvs.

Font

Secțiunea Font sau Tipografie vă permite să schimbați stilurile de font, fonturile de familie, dimensiunea textului etc., în funcție de fiecare temă.

Alegerea unui font de familie depinde și de cerințele temei. Cel mai simplu mod este să selectați un font disponibil din meniul derulant, cum ar fi imaginea de mai jos. Temele ca aceasta acceptă de obicei doar câteva fonturi de bază.

Secțiunea Font sau Tipografie vă permite să schimbați stilurile de font, fonturile de familie, dimensiunea textului etc.

Dacă temele dvs. acceptă fonturi Google, poate fi necesar să obțineți codul, numele sau linkul fontului de la fonts.google.com și apoi să inserați în casetele astfel.

Obțineți codul, numele sau linkul fontului de pe fonts.google.com și inserați în casete.

Avantajul celei de-a doua modalități este că aveți multe opțiuni de fonturi din Google Fonts.

Imagine de fundal

Majoritatea temelor vă permit să alegeți o fotografie pentru a seta imaginea de fundal . În secțiunea Imagine de fundal, dați clic pe Selectați imaginea și selectați o fotografie din biblioteca dvs. sau încărcați una.

Selectați o imagine de fundal din biblioteca dvs. sau încărcați una.

Apoi, puteți edita stilul, locația și dimensiunea imaginii pentru a se potrivi perfect cu site-ul dvs.

Editați stilul, locația și dimensiunea imaginii.

Pentru a schimba imaginea de fundal, faceți clic pe butonul Schimbați imaginea . Dacă doriți să ștergeți o fotografie de fundal, apăsați butonul Eliminare .

Când alegeți Repetați imaginea de fundal , imaginea de fundal se va repeta de la începutul până la sfârșitul paginii. Dacă alegeți Derulați cu pagina , aceasta va fi mutată împreună cu pagina când derulați ca mai jos.

Dacă alegeți Derulați cu pagina, aceasta va fi mutată împreună cu pagina.

Meniul

Secțiunea Meniu listează toate meniurile și locațiile lor curente. În mod tradițional, meniul principal se află în antet. În special, unele teme vă vor permite să afișați mai mult decât o singură locație, cum ar fi subsolul, bara de sus, meniul de diapozitive etc. Pentru a afla câte locații de meniu aveți, priviți textul de sub Locația meniului .

Numărul de locații de meniu afișat în secțiunea Locație de meniu.

Tema de memorie, de exemplu, are o singură locație pentru meniu. Îl puteți vedea făcând clic pe fila Afișare locație . Apoi, atingeți o locație de meniu și selectați un meniu disponibil pe care doriți să îl afișați acolo. Pentru a edita un meniu, faceți clic pe Editare meniu și faceți clic pe Creare meniu nou pentru a crea altul.

Puteți vedea meniul făcând clic pe fila Vizualizare locație

Dar detaliile creării și editării unui meniu? Puteți consulta articolul nostru anterior aici.

Widget

Widgeturile sunt blocuri de conținut sau funcții adăugate unor zone care acceptă widget-uri, cum ar fi bara laterală sau subsolul. Există 15 widget-uri WordPress implicite care vă permit să inserați videoclipuri, fotografii, galerii, cele mai recente postări, pagini și multe altele. Mai ales, unele teme oferă chiar și propriile widget-uri speciale, așa că ar trebui să aflați exact widget-urile de care aveți nevoie, apoi să le selectați corect.

În secțiunea Widget , veți vedea zonele care acceptă widget-uri pe pagina curentă. Numărul și locația acestor zone variază, de asemenea, în funcție de temă.

Veți vedea zonele care acceptă widget-uri pe pagina curentă.

Pentru a adăuga un widget, faceți clic pe locația pentru a plasa widget-ul, cum ar fi subsol, și faceți clic pe butonul Adăugați un widget . Puteți alege unul din listă sau puteți utiliza bara de căutare pentru a găsi widgetul dorit.

Puteți alege un widget din listă sau puteți utiliza bara de căutare pentru a găsi unul.

După ce ați ales un widget, unele precum cele de imagine, galerie, video, audio și pagini ar putea avea nevoie de o configurare suplimentară pentru a le afișa așa cum doriți. Când faceți acest lucru, ar trebui să citiți cu atenție cererea widget-ului și să o urmați. Nu vă faceți griji, acești pași sunt destul de simpli.

Pentru a șterge un widget, accesați cel dorit și faceți clic pe Eliminare .

Ștergeți un widget.

Butonul Reordonare vă va ajuta să mutați widget-urile într-o altă zonă a temei. Mai exact, faceți clic pe (1), selectați noua zonă de widget (2) și faceți clic pe butonul Mutare (3). În plus, butonul săgeată sus și jos (4) va ajuta la mutarea widget-urilor într-o zonă. Când ați terminat, apăsați Terminat (5).

Mutați widget-urile într-o altă zonă a temei.

Gata, am terminat cu widget-urile.

Ultimele Cuvinte

Personalizarea acestor secțiuni de mai sus cu Personalizatorul sunt pași generali și de bază pentru a vă personaliza site-ul web, astfel încât să arate ca un demo sau ca imaginația dvs. În plus, există multe alte secțiuni diferite pentru fiecare temă. Dacă aveți dificultăți în personalizare, ar trebui să citiți documentația sau să contactați imediat autorul temei.

Sper că acest articol v-a ajutat să vă creați propriul aspect fascinant pentru site-ul dvs.