Cum să personalizați o temă WordPress pentru a se potrivi mărcii dvs.

Temele WordPress vin în diferite forme și dimensiuni, dar tehnicile de personalizare a temelor rămân similare. Dacă știți cum să personalizați o temă, ar fi mult mai ușor pentru dvs. să vă ocupați de alta.

În acest articol ne-ar plăcea să abordăm tema Cloe Brooks WordPress pentru site-urile medicale și să vă arătăm cum puteți personaliza designul, aspectul și practic să îl faceți al dvs.

Tema goală vs conținutul demonstrativ

Odată ce ați instalat o temă, aveți două opțiuni, fie să vă construiți paginile și aspectele de la zero, fie să instalați date fictive pre-construite care ar umple paginile pentru dvs. și ar face site-ul dvs. frumos din start.

Fiecare mod are avantajele și dezavantajele sale, de exemplu, dacă alegeți să importați datele demo, poate fi necesar să vă ștergeți site-ul ulterior și să eliminați paginile, postările, categoriile inutile etc. Cu instalarea curată, poate fi prea mult timp consumând pentru a recrea aspectele și setările paginii originale.

Vă sfătuim să mergeți cu opțiunea de conținut demo și să instalați datele demo complete ale site-ului. Ar fi mult mai ușor să înlocuiți textul și imaginile cu propriile dvs. și să ștergeți restul datelor, mai degrabă decât să construiți totul de la zero. La urma urmei, ștergerea conținutului este mai ușoară decât crearea.

Sigla site-ului și Favicon

După instalarea conținutului demo, putem începe personalizarea site-ului nostru. Cel mai simplu mod de a face acest lucru este să vă încărcați sigla și faviconul.

Aceste două componente separă site-ul dvs. de altele și îl fac distinctiv.

Dacă nu aveți încă un logo, nu vă faceți griji. Puteți utiliza în schimb un titlu de site. Un titlu al site-ului împreună cu un slogan poate produce în continuare un aspect profesional site-ului dvs. și ar fi mai preferabil decât o siglă de imagine slab realizată.

Un favicon este încă un alt element de identitate a mărcii pe care îl puteți configura aici. Este afișat la începutul unei file din browserul dvs. Pentru a încărca un favicon, utilizați o imagine .png cu lățimea de 512 pixeli.

Pentru a încărca o siglă, accesați Aspect> Opțiuni temă> Personalizare și în secțiunea „Logo principal” selectați imaginea logo-ului. Dacă sigla dvs. pare prea mare sau prea mică, puteți schimba acest lucru ajustând valoarea „Înălțimea siglei”.

Schema de culori

Schema de culori este o parte integrantă a oricărui design, iar capacitatea de a-l modifica vă oferă libertatea de a vă personaliza într-o mare măsură site-ul.

În mod implicit, tema Cloe Brooks prezintă o combinație de culori pastelate calde și albastre. Aceste nuanțe de culoare se potrivesc bine pentru un site web medical. Cu toate acestea, dacă nu se potrivesc culorilor mărcii dvs. sau pur și simplu doriți ca schema de culori să fie ușor diferită, le puteți regla în panoul de opțiuni pentru temă.

Accesați Aspect> Fonturi și culori și selectați Scheme de culori . Puteți vedea că Cloe Brooks vine cu două scheme de culori implicite, deschise și întunecate. Acestea sunt utile dacă doriți să schimbați rapid aspectul site-ului dvs. și doriți ca acesta să păstreze opțiunile originale de culoare ale designerului.

Cu toate acestea, puteți schimba și culorile originale și reproiecta complet o schemă de culori. Probabil că soluția care consumă cel mai puțin timp ar fi schimbarea culorilor de accent ale temei. În acest fel, puteți vedea modificări considerabile ale paletei de culori a site-ului instantaneu. Pentru o schimbare mai radicală, puteți ajusta, de asemenea, culorile altor elemente ale site-ului, cum ar fi câmpurile de intrare, culorile de fundal principale și alternative, culorile accentului de margine, etc. Acestea sunt modificări subtile, dar necesare dacă intenționați să schimbați complet designul .

Un alt lucru grozav este că puteți previzualiza modificările de culoare și le puteți vedea în combinație cu alte elemente ale site-ului web în panoul de setări de culoare.

În unele cazuri, ați putea vedea că unele dintre elementele din demonstrația tematică nu par să aibă culorile nou atribuite. Aceasta înseamnă că culorile acelor elemente sunt atribuite prin Visual Composer. Puteți deschide paginile corespunzătoare cu aceste elemente și le puteți corecta sau le puteți ignora până când începeți să încărcați conținutul.

O opțiune la îndemână este că puteți salva setările curente ale schemei de culori ca o nouă schemă de culori sau puteți duplica una existentă pentru a o salva în cazul în care doriți să treceți la culorile originale ale temei.

După ce ați personalizat schema de culori, atribuiți-o în fila Stilul corpului din Aspect> Opțiuni temă> Personalizare.

Tipografie

Deși tipografia poate părea nu la fel de importantă ca schema de culori sau imaginile pentru site-ul dvs., în realitate, fonturile au un impact și mai mare asupra spectatorilor. Dacă conținutul dvs. nu este stilat necorespunzător, cititorilor dvs. le-ar fi greu să vă înțeleagă mesajul.

Cloe Brooks dispune de un tip de caractere sans-serif elegant personalizat, dar dacă este necesar îl puteți schimba pentru orice alt font pe care îl preferați. Puteți selecta fie un font disponibil din colecția Google Fonts, fie încărcați propriul dvs. font.

Puteți găsi setările fontului temei în Aspect> Fonturi și culori> Fonturi. Setările sunt versatile și vă oferă un control excelent asupra stilului text al site-ului dvs. Ajustați fonturile pentru elemente precum titluri, textul corpului, legături, câmpuri de introducere, butoane, elemente de meniu și multe altele. Puteți selecta stilul fontului, greutatea, înălțimea liniei, decorul și chiar specificați marginile de sus și de jos ale unui element.

Tipografia este un domeniu subtil și, dacă ești începător, poate fi ușor să încurci lucrurile. Dacă nu v-ați ocupat niciodată de tipografie până acum, dar doriți totuși să acordați temei dvs. un aspect diferit, vă recomandăm să acordați atenție opțiunilor de font tematice originale și să le înlocuiți cu fonturi de același stil. De exemplu, dacă tema originală folosește un font sans-serif, este mai bine să îl înlocuiți cu un alt font sans-serif.

Un alt sfat este acela de a menține contrastul între diferite grupuri de fonturi, de exemplu titlurile și fontul corpului. Contrastul poate fi realizat cu ajutorul dimensiunii, culorii, greutății fontului și stilului fontului.

Conturi sociale și informații de contact

Următorul pas ar fi să completați informațiile dvs. de contact și să adăugați conturi de socializare pe site-ul dvs. web.

Puteți găsi setările pentru rețelele sociale accesând Aspect> Opțiuni temă> Rețele sociale .

Sunteți liber să adăugați câte conturi aveți nevoie, specificând linkul de adresă și o pictogramă a rețelei dvs. sociale.

Pentru a vă integra feedul Twitter în site-ul dvs., aici ar trebui să completați detaliile API-ului Twitter, cum ar fi cheia consumatorului, secretul consumatorului etc.

Informațiile dvs. de contact pot fi introduse în Aspect> Opțiuni temă> Informații de contact. Acolo puteți specifica adresa de e-mail, adresa companiei, programul deschis, numărul de telefon și multe altele. Aceste informații vor fi utilizate în secțiunile antet și subsol ale site-ului dvs. web.

Încheierea

Deși există multe alte lucruri pe care le puteți personaliza în tema Cloe Brooks, aici le-am prezentat pe cele mai importante.

Am acoperit astfel de pași, cum ar fi dacă trebuie sau nu să instalăm datele demo și cum să încărcăm o siglă și un favicon. De asemenea, am învățat cum să modificăm schema de culori și tipografia site-ului nostru. În cele din urmă, am aflat unde exact în tema noastră putem specifica informațiile noastre de contact și linkurile către conturile de socializare.

După cum puteți vedea, personalizarea temei nu este atât de descurajantă pe cât poate părea la prima vedere. Necesită puțin timp și răbdare, dar dacă tema dvs. este construită corect, procesul devine ușor și intuitiv. Ce experimentați cu personalizarea temelor WordPress? Împărtășiți-ne gândurile în comentarii.