Cum de a schimba dimensiunea logo-ul WordPress (funcționează cu orice temă)
recent, unul dintre cititorii noștri a întrebat dacă este posibil să vă schimbați dimensiunea logo-ului în WordPress?
logo-ul site-ului dvs. web este o parte importantă a mărcii dvs. În funcție de tema WordPress pe care o utilizați, uneori nu este clar cum să vă schimbați dimensiunea logo-ului pentru a-l face mai mare sau mai mic.
în acest articol, vă vom arăta cum să modificați cu ușurință dimensiunea logo-ului WordPress , pas cu pas.
de ce să modificați dimensiunea Logo-ului în WordPress?
când încărcați logo-ul dvs. pe WordPress, este posibil să nu fie întotdeauna dimensiunea potrivită.
un logo prea mic nu va ieși în evidență. În timp ce, un logo prea mare poate avea un impact negativ asupra designului site-ului dvs. web.
dacă ați investit într-un design personalizat de logo, atunci doriți să vă asigurați că logo-ul dvs. apare ca dimensiunea potrivită în antetul site-ului dvs. web.
pentru cei care se află încă în procesul de proiectare a logo-urilor, consultați alegerea celor mai buni producători de logo-uri gratuite.
acestea fiind spuse, vă vom arăta câteva moduri diferite pe care le puteți utiliza pentru a schimba dimensiunea logo-ului în WordPress.
metoda pe care o alegeți va depinde de tema WordPress pe care o utilizați și de nivelul dvs. de confort cu editarea codului CSS.
- schimbați dimensiunea logo-ului WordPress cu WordPress customizer
- schimbați dimensiunea logo-ului WordPress editând codul CSS
- schimbați dimensiunea logo-ului WordPress fără a edita codul CSS
Metoda 1. Modificați dimensiunea Logo-ului WordPress cu WordPress Customizer
cel mai simplu și mai simplu mod de a schimba dimensiunea logo-ului în WordPress este folosind tema customizer. Cu toate acestea, această metodă funcționează numai dacă tema dvs.
o mulțime de teme populare precum Divi, Astra, Ultra și altele au un instrument de schimbare a dimensiunii logo-ului încorporat.
când încărcați logo-ul în WordPress, aceste teme facilitează ajustarea logo-ului cu un glisor simplu pe care îl puteți utiliza pentru a regla lățimea și înălțimea.
notă: dimensiunea logo-ului dvs. va fi la fel de mare ca imaginea pe care o încărcați, deci doriți să vă asigurați că încărcați o imagine de logo mai mare, dacă obiectivul dvs. este să o măriți.
de dragul tutorialului, vom arăta cum să vă schimbați logo-ul în tema Divi, Astra și Ultra, dar metoda este similară pentru cele mai populare teme WordPress. Dacă tema dvs. nu are această opțiune, atunci trebuie să utilizați metoda 2 sau 3 din acest tutorial.
schimbați dimensiunea Logo-ului WordPress în tema Divi WordPress
mai întâi, navigați la personalizatorul temei Divi „și faceți clic pe opțiunea de meniu „antet & navigare”.
după aceea, faceți clic pe ‘bara de meniu primar’ drop jos opțiune.
aici puteți modifica dimensiunea logo-ului.
în primul rând, trebuie să reglați setarea ‘înălțime Meniu’. Aceasta controlează înălțimea întregului meniu de navigare și va defini cât de mare puteți face logo-ul.
după aceea, puteți modifica setarea ‘Logo Max Height’, care este un procent din înălțimea totală a meniului.
puteți ajusta glisorul ‘înălțime maximă Logo’ în sus și în jos până când găsiți dimensiunea perfectă a logo-ului pentru blogul dvs.
asigurați-vă că faceți clic pe butonul ‘Publicare’ pentru a salva modificările înainte de a ieși din ecran.
schimbați dimensiunea Logo-ului WordPress în tema Astra WordPress
primul lucru pe care trebuie să-l faceți este să navigați la aspect „personalizați și apoi faceți clic pe opțiunea de meniu „antet”.
după aceea, faceți clic pe opțiunea de meniu ‘Site Identity’.
aici puteți ajusta cu ușurință dimensiunea logo-ul.
tot ce trebuie să faceți este să mutați glisorul ‘lățime Logo’ spre stânga sau spre dreapta.
puteți vedea automat modificările dimensiunii logo-ului dvs. în timp real, pe măsură ce mutați glisorul.
după ce sunteți mulțumit de dimensiunea logo-ului dvs., asigurați-vă că faceți clic pe ‘Publicați’ înainte de a ieși din pagină.
schimbați dimensiunea Logo-ului WordPress în Tema Ultra WordPress
pentru a personaliza dimensiunea logo-ului în Tema Ultra, navigați la aspect „personalizați și faceți clic pe elementul de navigare” logo-ul Site-ului & slogan”.
după care faceți clic pe meniul derulant ‘Logo-ul Site-ului’.
apoi, selectați butonul radio ‘Logo Image’ care apare.
acum, Puteți modifica dimensiunea logo-ului introducând noi dimensiuni în casetele din dreapta imaginii logo-ului. Dacă doriți ca imaginea să se scaleze în funcție de dimensiunea originală, atunci introduceți doar noi dimensiuni ale logo-ului într-o singură casetă.
puteți schimba lățimea cu caseta din stânga și înălțimea cu caseta din dreapta.
pe măsură ce introduceți noi dimensiuni, veți vedea dimensiunea logo-ului modificându-se în timp real.
după ce ați terminat de personalizat dimensiunea siglei, asigurați-vă că faceți clic pe butonul ‘Publicare’.
Dacă tema dvs. nu este evidențiată mai sus, atunci există încă o șansă să puteți personaliza dimensiunea logo-ului dvs. utilizând personalizatorul WordPress.
pur și simplu mergeți la aspect ” personalizați pe orice temă utilizați și vedeți ce opțiuni de personalizare sunt disponibile pentru sigla sau antetul dvs.
Metoda 2. Modificați dimensiunea Logo-ului WordPress editând CSS
Dacă tema dvs.
primul lucru pe care trebuie să-l faceți este să navigați la pagina de pornire a site-ului dvs. web.
apoi, faceți clic dreapta oriunde pe pagină și selectați opțiunea ‘inspectați’. Aceasta va afișa un meniu Inspect care arată tot codul pentru pagină.
după aceea, trebuie să faceți clic pe pictograma ‘Selectați un element’ care arată ca un indicator al mouse-ului.
aceasta vă va permite să selectați elementul logo al site-ului dvs. web și să vizualizați codul.
apoi, pur și simplu treceți cu mouse-ul peste logo-ul site-ului dvs. web până când apare clasa CSS. Acesta va arăta similar cu imaginea de mai jos.
veți folosi această clasă CSS pentru a personaliza dimensiunea logo-ului dvs. Deci, scrieți acest lucru într-un editor de text precum Notepad.
acum Puteți să vă întoarceți la tabloul de bord al administratorului WordPress și să navigați la aspect ” Personalizați. Trebuie să faceți clic pe opțiunea de meniu’ CSS suplimentar’.
aceasta va afișa un drop-down în care puteți adăuga cod CSS personalizat.
pur și simplu adăugați clasa CSS pe care ați găsit-o mai devreme și specificați noile dimensiuni ale imaginii. Puteți utiliza codul CSS de mai jos ca exemplu.
img.custom-logo { max-height: 100px !important;}
trebuie să schimbați clasa CSS img.custom-logo de mai sus în clasa CSS pe care o folosește tema dvs.
de asemenea, puteți schimba max-height la orice dimensiune doriți.
Iată cum arată în interiorul personalizatorului WordPress.
după ce ați făcut modificările, pur și simplu faceți clic pe butonul ‘Publica’ pentru a face modificările live.
metoda 3. Modificați dimensiunea Logo-ului WordPress fără a edita CSS
dacă nu vă simțiți confortabil să editați fișiere tematice sau să adăugați CSS personalizat, atunci această metodă este pentru dvs.
utilizând un plugin de styling WordPress, puteți face modificări vizuale ale site-ului dvs. similar cu utilizarea unui constructor de pagini drag and drop.
vă recomandăm să utilizați CSS Hero. Este un plugin styler care vă permite să editați aproape fiecare stil CSS de pe site-ul dvs.
afacere: WPBeginner reader poate obține o reducere de 34% prin intermediul nostru CSS Hero cod promoțional.
primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
la activare, trebuie să faceți clic pe butonul ‘Continuați la activarea produsului’ pentru a activa pluginul. Este situat chiar deasupra listei de pluginuri instalate.
acest lucru vă va aduce la un ecran unde puteți introduce numele de utilizator și parola. Pur și simplu urmați instrucțiunile de pe ecran și veți fi redirecționat înapoi către site-ul dvs. odată ce contul dvs. este verificat.
după aceea, faceți clic pe butonul ‘Personalizați cu CSS Hero’ din partea de sus a barei de instrumente de administrare WordPress.
acest lucru vă va duce la site-ul dvs. cu CSS Hero rulează pe partea de sus a acesteia. CSS Hero folosește un editor WYSIWYG (ceea ce vedeți este ceea ce obțineți).
când faceți clic pe orice element al paginii dvs., acesta va afișa o bară de instrumente din stânga pentru a face personalizări.
apoi, faceți clic pe logo-ul WordPress în partea de sus a paginii.
după aceea, faceți clic pe linkul ‘Afișați recuzita avansată’.
acest lucru vă oferă și mai multe opțiuni de personalizare CSS.
Apoi, localizați caseta ‘măsuri’. Aici veți găsi opțiuni numite ‘Max Width’ și ‘Max Height’.
doriți să le modificați la dimensiunea imaginii pe care o preferați. Dacă doriți ca imaginea să păstreze aceleași dimensiuni, atunci schimbați doar înălțimea sau lățimea.
modificările pe care le faceți vor apărea automat pe pagina dvs.
după ce ați terminat de modificat dimensiunea siglei, trebuie să faceți clic pe ‘Salvați și publicați’ pentru a face modificările live.
sperăm că acest articol v-a ajutat să vă schimbați dimensiunea logo-ului WordPress. De asemenea, poate doriți să vedeți alegerile noastre de experți pentru cel mai bun software de chat live pentru întreprinderile mici și lista noastră cu pluginurile WordPress trebuie să aibă pentru site-urile web de afaceri.
dacă v-a plăcut acest articol, vă rugăm să vă abonați la canalul nostru YouTube pentru tutoriale video WordPress. Ne puteți găsi și pe Twitter și Facebook.