Slik Endrer Du WordPress-Logostørrelsen (Fungerer Med Et Hvilket Som Helst Tema)
Nylig spurte en av våre lesere om det var mulig å endre logostørrelsen I WordPress?
logoen til nettstedet ditt er en viktig del av merkevaren din. Avhengig Av WordPress-temaet du bruker, er det noen ganger ikke klart hvordan du endrer logostørrelsen for å gjøre den større eller mindre.
i denne artikkelen viser Vi deg hvordan Du enkelt kan endre WordPress-logostørrelsen, trinnvis.
Hvorfor Endre Størrelsen På Logoen I WordPress?
når du laster opp logoen Din Til WordPress, er det kanskje ikke alltid riktig størrelse.
en logo som er for liten, vil ikke skille seg ut. Mens en logo som er for stor, kan ende opp med å påvirke utformingen av nettstedet ditt negativt.
hvis du har investert i et tilpasset logodesign, vil du sørge for at logoen din vises som riktig størrelse i nettstedets topptekst.
for de som fortsatt er i logo design prosessen, se våre plukker av de beste gratis logo beslutningstakere.
Når det er sagt, viser vi deg noen forskjellige måter du kan bruke til å endre logostørrelsen I WordPress.
metoden du velger, vil avhenge Av WordPress-temaet du bruker, og ditt komfortnivå med redigering AV CSS-kode.
- Endre WordPress logo størrelse Med WordPress customizer
- Endre WordPress logo størrelse ved å redigere CSS kode
- Endre WordPress logo størrelse uten å redigere CSS kode
Metode 1. Endre WordPress Logo Størrelse Med WordPress Customizer
den enkleste og enkleste måten å endre logo størrelse I WordPress er ved hjelp av theme customizer. Denne metoden fungerer imidlertid bare hvis WordPress-temaet ditt støtter det.
Mange populære temaer som Divi, Astra, Ultra, og andre har en innebygd logo størrelse veksler verktøy.
når du laster opp logoen din I WordPress, gjør disse temaene det enkelt å justere logoen med en enkel skyveknapp som du kan bruke til å justere bredden og høyden.
merk: logostørrelsen din vil bare være så stor som bildet du laster opp, så du vil være sikker på at du laster opp et større logobilde, hvis målet ditt er å gjøre det større.
for å få til opplæringen, vil vi vise hvordan du endrer din logo I Divi, Astra, Og Ultra tema, men metoden er lik for de fleste populære WordPress temaer. Hvis temaet ditt ikke har dette alternativet, må du bruke metoden 2 eller 3 i denne opplæringen.
Endre WordPress Logo Størrelse I Divi WordPress Theme
først, naviger Til Divi » Theme Customizer og klikk på ‘Header & Navigasjon’ menyvalget.
Etter det klikker du på’ Primær Menylinje ‘ rullegardinalternativ.
her kan du endre størrelsen på logoen din.
først må du justere Innstillingen ‘Menyhøyde’. Dette styrer høyden på hele navigasjonsmenyen og vil definere hvor stor du kan lage din logo.
etter det kan du endre Innstillingen ‘Logo Max Height’, som er en prosentandel av den totale menyhøyden.
du kan justere glidebryteren ‘Logo Max Height’ opp og ned til du finner den perfekte logostørrelsen for WordPress-bloggen din.
Sørg for å klikke På ‘Publiser’ – knappen for å lagre endringene før du går ut av skjermen.
Endre WordPress Logo Størrelse I Astra WordPress Theme
Første du trenger å gjøre er å navigere Til Utseende «Tilpass og klikk Deretter På «Header» menyalternativet.
Etter det, klikk På ‘Site Identity’ menyalternativet.
her kan du enkelt justere størrelsen på logoen din.
alt du trenger å gjøre er å flytte glidebryteren’ Logo Width ‘ til venstre eller høyre.
du kan automatisk se endringer i logostørrelsen i sanntid når du flytter glidebryteren.
når du er fornøyd med størrelsen på logoen din, må du klikke På ‘Publiser’ før du går ut av siden.
Endre WordPress Logo Størrelse I Ultra WordPress Theme
for å tilpasse logoen størrelse I Ultra theme, navigere Til Utseende «Tilpass, og klikk På’ Site Logo & Slagord ‘ navigasjon element.
deretter klikker du På’ Nettsted Logo ‘ nedtrekksmenyen.
velg deretter radioknappen’ Logobilde ‘ som vises.
nå kan du endre størrelsen på logoen ved å skrive inn nye dimensjoner i boksene til høyre for logobildet ditt. Hvis du vil at bildet skal skaleres basert på den opprinnelige størrelsen, må du bare skrive inn nye logo dimensjoner i en boks.
du kan endre bredden med boksen til venstre, og høyden med boksen til høyre.
når du skriver inn nye dimensjoner, vil du se størrelsen på logoen din endres i sanntid.
når du er ferdig med å tilpasse størrelsen på logoen din, må du klikke På ‘Publiser’ – knappen.
hvis temaet ditt ikke er uthevet ovenfor, er det fortsatt en sjanse for at Du kan tilpasse størrelsen på logoen din ved Å bruke WordPress customizer.
Bare gå Til Utseende » Tilpass på hvilket tema du bruker og se hvilke tilpasningsalternativer som er tilgjengelige for din logo eller overskrift.
Metode 2. Endre WordPress-Logostørrelsen ved Å Redigere CSS
Hvis WordPress-temaet ditt ikke støtter endring av logostørrelsen ved Hjelp Av WordPress theme customizer, kan du endre størrelsen ved å legge til tilpasset CSS.
første du trenger å gjøre er å navigere til hjemmesiden din hjemmeside.
høyreklikk deretter hvor som helst på siden og velg ‘Inspiser’ – alternativet. Dette vil få opp En Inspiser meny som viser all koden for siden.
etter det må du klikke på’ Velg et element ‘ – ikonet som ser ut som en musepeker.
Dette lar deg velge logoelementet på nettstedet ditt og se koden.
neste, bare hold musepekeren over logoen til CSS-klassen dukker opp. Det vil se ut som bildet nedenfor.
du bruker DENNE CSS-klassen til å tilpasse størrelsen På WordPress-logoen din. Så skriv dette ned i en tekstredigerer som Notisblokk.
Nå kan du gå tilbake Til WordPress admin dashboard og navigere Til Utseende » Tilpass. Du må klikke På ‘Ekstra CSS’ menyalternativet.
Dette vil få opp en drop-down der du kan legge til tilpasset CSS-kode.
bare legg TIL CSS-klassen du fant tidligere, og spesifiser de nye bildedimensjonene. DU kan bruke CSS-koden nedenfor som et eksempel.
img.custom-logo { max-height: 100px !important;}
DU må endre img.custom-logo CSS-klassen over TIL CSS-klassen temaet ditt bruker.
du kan også endre max-height til hvilken størrelse du vil.
Her er hvordan Det ser ut i WordPress customizer.
når du har gjort endringene dine, klikker du Bare På ‘Publiser’ – knappen for å gjøre endringene dine live.
Metode 3. Endre WordPress-Logostørrelsen uten Å Redigere CSS
Hvis du ikke er komfortabel med å redigere temafiler eller legge til tilpasset CSS, er denne metoden for deg.
Ved Å bruke En wordpress styling plugin, kan du gjøre visuelle endringer på nettstedet ditt ligner på å bruke en dra og slipp sidebygger.
vi anbefaler Å bruke CSS Hero. Det er et styler-plugin som lar deg redigere nesten ALLE CSS-stiler på WordPress-nettstedet ditt uten å skrive en enkelt LINJE MED CSS-kode.
Deal: WPBeginner leserens kan få en 34% rabatt gjennom VÅR CSS Hero kupongkode.
Første du trenger å gjøre er å installere og aktivere plugin. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer Et WordPress-plugin.
ved aktivering må du klikke På ‘Fortsett Til Produktaktivering’ – knappen for å aktivere pluginet. Den ligger rett over listen over installerte plugins.
dette vil bringe deg til en skjerm der du kan skrive inn brukernavn og passord. Bare følg instruksjonene på skjermen, og du vil bli omdirigert tilbake til nettstedet ditt når kontoen din er bekreftet.
Deretter klikker du På’ Tilpass MED CSS Hero ‘ – knappen øverst på WordPress admin-verktøylinjen.
DETTE tar deg til nettstedet ditt med CSS Hero som kjører på toppen av det. CSS Hero bruker en wysiwyg (Hva Du Ser Er Hva Du Får) editor.
når du klikker på et element på siden din, vil det få opp en verktøylinje til venstre for å gjøre tilpasninger.
Klikk Deretter På WordPress-logoen øverst på siden.
Deretter klikker du på’ Vis Avanserte Rekvisitter ‘ – lenken.
Dette gir deg enda FLERE CSS-tilpasningsmuligheter.
finn deretter Mål-boksen. Her finner du alternativer som heter ‘Maks Bredde’ og ‘Maks Høyde’.
du vil endre disse til den bildestørrelsen du foretrekker. Hvis du vil at bildet skal beholde de samme dimensjonene, endrer du bare høyden eller bredden.
endringene du gjør, vises automatisk på siden din.
når du er ferdig med å endre størrelsen på logoen din, må du klikke På ‘Lagre Og Publiser’ for å gjøre endringene dine live.
vi håper denne artikkelen hjalp deg med å endre WordPress-logostørrelsen. Du vil kanskje også se våre ekspertvalg for den beste live chat-programvaren for små bedrifter, og vår liste over De Må ha WordPress-plugins for bedriftsnettsteder.
hvis du likte denne artikkelen, kan du abonnere på Vår YouTube-Kanal For WordPress video tutorials. Du finner oss også På Twitter og Facebook.