Sådan ændres din Logo-størrelse (fungerer med ethvert tema)
for nylig spurgte en af vores læsere, om det var muligt at ændre din logostørrelse i ordtryk?
dit hjemmeside logo er en vigtig del af dit brand. Afhængigt af det tema, du bruger, er det nogle gange ikke klart, hvordan du ændrer din logostørrelse for at gøre den større eller mindre.
i denne artikel viser vi dig, hvordan du nemt ændrer logostørrelsen trin for trin.
hvorfor ændre størrelsen på logoet?
når du uploader dit logo, er det måske ikke altid den rigtige størrelse.
et logo, der er for lille, vil ikke skille sig ud. Mens et logo, der er for stort, kan ende med at påvirke designet af din hjemmeside negativt.
hvis du har investeret i et brugerdefineret logodesign, vil du sikre dig, at dit logo vises som den rigtige størrelse i din hjemmesidehoved.
for dem, der stadig er i logodesignprocessen, se vores valg af de bedste gratis logo-producenter.
når det er sagt, viser vi dig et par forskellige måder, du kan bruge til at ændre logostørrelsen i ordtryk.
den metode, du vælger, afhænger af det tema, du bruger, og dit komfortniveau med redigering af CSS-kode.
- Skift logo-størrelse med tilpasning
- Skift logo-størrelse ved at redigere CSS-kode
- Skift logo-størrelse uden at redigere CSS-kode
Metode 1. Den enkleste og nemmeste måde at ændre logostørrelsen på Er ved at bruge tematilpasningen. Denne metode fungerer dog kun, hvis dit tema understøtter det.
en masse populære temaer som Divi, Astra, Ultra, og andre har en indbygget logo størrelse changer værktøj.
når du uploader dit logo, gør disse temaer det nemt at justere logoet med en simpel skyder, som du kan bruge til at justere bredden og højden.
Bemærk: din logostørrelse vil kun være så stor som det billede, du uploader, så du vil sikre dig, at du uploader et større LogoBillede, hvis dit mål er at gøre det større.
af hensyn til selvstudiet viser vi, hvordan du ændrer dit logo i Divi, Astra og Ultra theme, men metoden er ens for de mest populære temaer. Hvis dit tema ikke har denne mulighed, skal du bruge metoden 2 eller 3 i denne tutorial.
Skift Logo størrelse i Divi tema
Naviger først til Divi ” Tematilpasning og klik på menupunktet ‘Header & Navigation’.
klik derefter på rullemenuen ‘primær menulinje’.
her kan du ændre størrelsen på dit logo.
først skal du justere indstillingen ‘Menuhøjde’. Dette styrer højden på hele din navigationsmenu og definerer, hvor stor du kan lave dit logo.
derefter kan du ændre indstillingen ‘Logo maks.højde’, som er en procentdel af den samlede menuhøjde.
du kan justere skyderen ‘Logo maks.højde’ op og ned, indtil du finder den perfekte logostørrelse til din blog.
sørg for at klikke på knappen ‘Udgiv’ for at gemme dine ændringer, før du forlader skærmen.
Skift Logo størrelse i Astra tema
første ting du skal gøre er at navigere til Udseende ” Tilpas og klik derefter på menupunktet ‘Header’.
klik derefter på menupunktet ‘site Identity’.
her kan du nemt justere størrelsen på dit logo.
alt hvad du skal gøre er at flytte skyderen ‘Logo bredde’ til venstre eller højre.
du kan automatisk se dine logostørrelsesændringer i realtid, når du flytter skyderen.
når du er tilfreds med størrelsen på dit logo, skal du sørge for at klikke på ‘Publicer’, før du forlader siden.
Skift Logo størrelse i Ultra tema
for at tilpasse logo størrelse i Ultra tema, navigere til Udseende ” Tilpas, og klik på ‘site Logo & Tagline’ navigation element.
efter at klikke på ‘site Logo’ falde ned.
vælg derefter alternativknappen ‘Logo Image’, der vises.
nu kan du ændre størrelsen på logoet ved at indtaste nye dimensioner i boksene til højre for dit LogoBillede. Hvis du vil have billedet skaleret ud fra den oprindelige størrelse, skal du kun indtaste nye logo-dimensioner i en boks.
du kan ændre bredden med boksen til venstre og højden med boksen til højre.
når du indtaster nye dimensioner, kan du se størrelsen på dit logo ændre sig i realtid.
når du er færdig med at tilpasse størrelsen på dit logo, skal du sørge for at klikke på knappen ‘Publicer’.
hvis dit tema ikke er fremhævet ovenfor, er der stadig en chance for, at du kan tilpasse størrelsen på dit logo ved hjælp af tilpasningen.
gå blot til Udseende ” Tilpas det tema, du bruger, og se, hvilke tilpasningsmuligheder der er tilgængelige for dit logo eller overskrift.
Metode 2. Ved at redigere CSS
hvis dit tema ikke understøtter ændring af logostørrelsen ved hjælp af tilpasningen af temaet, kan du ændre størrelsen ved at tilføje brugerdefineret CSS.
første ting du skal gøre er at navigere til din hjemmeside Hjemmeside.
højreklik derefter et vilkårligt sted på siden og vælg indstillingen ‘Undersøg’. Dette åbner en Inspektionsmenu, der viser al koden til siden.
derefter skal du klikke på ikonet ‘Vælg et element’, der ligner en musemarkør.
dette giver dig mulighed for at vælge logoelementet på din hjemmeside og se koden.
næste, hold markøren over dit hjemmesidelogo, indtil CSS-klassen dukker op. Det ligner billedet nedenfor.
du bruger denne CSS-klasse til at tilpasse størrelsen på dit logo. Så skriv dette ned i en teksteditor som Notesblok.
nu Kan du gå tilbage til dit admin dashboard og navigere til Udseende ” Tilpas. Du skal klikke på menupunktet ‘ekstra CSS’.
dette åbner en rullemenu, hvor du kan tilføje brugerdefineret CSS-kode.
tilføj blot den CSS-klasse, du fandt tidligere, og angiv de nye billeddimensioner. Du kan bruge CSS-koden nedenfor som et eksempel.
img.custom-logo { max-height: 100px !important;}
du skal ændre img.custom-logo CSS-klassen ovenfor til den CSS-klasse, dit tema bruger.
du kan også ændre max-height til den størrelse, du ønsker.
Sådan ser det ud i tilpasningen.
når du har foretaget dine ændringer, skal du blot klikke på knappen ‘Publicer’ for at gøre dine ændringer live.
metode 3. Uden at redigere CSS
hvis du ikke har det godt med at redigere temafiler eller tilføje brugerdefineret CSS, er denne metode noget for dig.
ved at bruge et plugin til styling kan du foretage visuelle ændringer på din side svarende til at bruge en træk-og-slip-sidebygger.
vi anbefaler at bruge CSS Hero. Det er en styler plugin, der lader dig redigere næsten hver CSS stil på din hjemmeside uden at skrive en enkelt linje af CSS kode.
Deal:
første ting du skal gøre er at installere og aktivere plugin. For flere detaljer, se vores trin for trin guide til, hvordan du installerer et plugin.
ved aktivering skal du klikke på knappen ‘Fortsæt til produktaktivering’ for at aktivere plugin ‘ et. Det er placeret lige over din liste over installerede plugins.
dette bringer dig til en skærm, hvor du kan indtaste dit brugernavn og din adgangskode. Du skal blot følge instruktionerne på skærmen, og du vil blive omdirigeret tilbage til din hjemmeside, når din konto er bekræftet.
klik derefter på knappen ‘Tilpas med CSS Hero’ øverst på din værktøjslinje.
dette vil tage dig til din hjemmeside med CSS Hero kører på toppen af det. CSS Hero bruger en redaktør (hvad du ser er hvad du får).
når du klikker på et element på din side, vises en værktøjslinje til venstre for at foretage tilpasninger.
klik derefter på dit logo øverst på siden.
klik derefter på linket ‘Vis avancerede rekvisitter’.
dette giver dig endnu flere CSS-tilpasningsmuligheder.
find derefter feltet ‘Mål’. Her finder du muligheder kaldet ‘maks bredde’ og ‘maks højde’.
du vil ændre disse til den billedstørrelse, du foretrækker. Hvis du vil have billedet til at holde de samme dimensioner, skal du kun ændre højden eller bredden.
de ændringer, du foretager, vises automatisk på din side.
når du er færdig med at ændre størrelsen på dit logo, skal du klikke på ‘Gem og publicer’ for at gøre dine ændringer live.
vi håber, at denne artikel hjalp dig med at ændre din logo størrelse. Du kan også se vores ekspertvalg for det bedste live chat-program til små virksomheder, og vores liste over de skal have plugins til forretningshjemmesider.
hvis du kunne lide denne artikel, kan du abonnere på vores YouTube-kanal. Du kan også finde os på Facebook og Facebook.