Logo og WordPress-hjemmeside - sådan opretter og tilføjer du det til din side

Logo og WordPress-hjemmeside - sådan opretter og tilføjer du det til din side

Der er et logo på (næsten) alle hjemmesider. Det bidrager enormt til hjemmesidens udseende, det første indtryk, dine besøgende får, når de åbner siden, og det er bestemt en branding-ting. Et veldesignet logo hjælper dig med at sende det rigtige budskab om din virksomhed til dine potentielle kunder og øger genkendelsen af dit brand. Dette er markedsføringssynspunktet i forbindelse med logoer, men hvad med den tekniske side af sagen? Hvordan et godt logo skal designes, og hvilke parametre det skal have. Her er indsigten fra vores erfarne designer og frontend-udvikler Peter.

Logoets størrelse og dimensioner

Når du skal designe et logo for første gang, skal du altid tænke et skridt frem. Eller ideelt set, tænk flere skridt frem og overvej, hvor dit logo vil blive vist, og på hvilke andre måder det vil blive brugt. Logostørrelsen skal afledes afhængigt af alle dens potentielle anvendelser. Hvis du designer dit logo i en fast pixelstørrelse, kan det nemt ske, at dets parametre ikke gør det muligt at printe det i en god kvalitet, da trykt format kræver en anden dpi end displayskærme. På den anden side, Hvis du opretter dit logo som en vektorgrafik, kan du eksportere det i enhver ønsket opløsning.

Dimensioner på din logo-grafik er meget individuelle. Men sørg for, at logoet ser godt ud i alle størrelser. Hvis jeg f.eks. designer et logo til overskriften på min hjemmeside, skal jeg være opmærksom på, hvordan det ser ud hele vejen gennem designprocessen.

Det er bedre at designe logoer, der er mere enkle, uden en masse detaljer, da de kan forsvinde i mindre størrelser. Enklere logoer vil altid være tydelige og læsbare. Du undgår at skulle designe flere variationer af det samme logo, hvis det skal skaleres ned.

Vandrette logoer er nemmere at arbejde med

Lodret eller vandret? Lodrette logoer passer ikke altid proportionelt til resten af hjemmesidens design og er sværere at arbejde med. Dette gælder to gange, når det kommer til WordPress-temaer. Overvej hjemmesidens responsivitet, når du designer dit logo, og du vil se, hvor meget bedre et horisontalt logo vil se ud på forskellige enheder.

Hvis du allerede har valgt tema, kan du tjekke, hvilke logodimensioner der er bedst for at passe pænt ind. Eller den anden vej rundt. Hvis du har designet dit endelige logo, skal du vælge det tema, der gør det muligt at vise det korrekt. I hvert fald hvis du vil undgå at redesigne temaet eller skabe en ny variant af dit logo til temaet.

Logoet vil blive vist flere forskellige steder på din hjemmeside eller rettere sagt i WordPress-temaet. Dette er blot endnu en grund til at undgå overkomplicerede logoer.

Typer af logoer

Logoets indhold

Når du i første omgang skal beslutte dig for dit logodesign, har du flere typer logoer at vælge imellem:

  • ikon/billede
  • logotype eller typografisk (bare navnet i en bestemt skrifttype eller grafiske indstillinger)
  • kombination af begge

Hvordan logoet skal se ud, afhænger af hjemmesidens emne/forretningsretning. Det skal afspejle et bestemt budskab, der relaterer til virksomheden. Hvis vi f.eks. har en virksomhed med et specifikt produkt, kan vi gøre dette produkt til en del af logoet. Sælger cykler - et hjul. Skriver blogindlæg - en pen, en bog osv. På den anden side, Logoet behøver ikke nødvendigvis at indeholde noget specifikt, det kan være abstrakte ting, bare enkle geometriske former, men det skal være let at huske. Du kan finde inspiration på internettet og se eksempler på logoer på Behance eller Dribble.

Hvis du ikke har nogen idé eller ikke har noget specifikt i tankerne, der kan bruges som billeddel af logoet, kan du blot bruge et typografisk logo. Der er masser af skrifttyper tilgængelige på skrifttyper.google.com som er gratis til kommerciel brug. Det er ikke en regel at bruge serif-skrifttyper, der ser mere seriøse ud, men det er godt at vælge en mere enkel skrifttypeVi har ikke tænkt os at præsentere vores vilde ideer for kunderne, de har deres egne... Vi ønsker ikke at tage modet fra dem, vi ønsker i stedet at øge konverteringsraten.

Typografisk logo

Hvis vi alligevel ville have et grafisk symbol i logoet, kunne det f.eks. skabes ud fra navnets initialer. Dette bruges ofte, når logoet repræsenterer personens navn, dvs. hans eller hendes initialer.

I dag er trenden at bruge enkle logoer. Selv de store virksomheder forenkler deres brand, det skader ikke noget.

redesign af logo

Kilde: http://www.underconsideration.com/brandnew/archives/

Farver

Logoet skal laves i flere farvevarianter. Den grundlæggende skal være i brandets farve, og de andre variationer skal være designet på en måde, der passer til mørke og lyse baggrunde. Det er god praksis også at have en monokromatisk version, eller bare en tofarvet version, især til udskrivningsformål. I dette tilfælde er det også godt at tjekke, om der ikke er unødvendige detaljer, som alligevel ikke kan printes.

Farven på logoet skal være på linje med resten af webfarveskemaet. Logoet behøver ikke nødvendigvis at være farverigt for at fange opmærksomheden. Det er tilstrækkeligt kun at bruge én farve eller matche to farver, hvis du ikke har lyst til at matche flere farver. Navnet visualiseres normalt i mørke farver, tæt på sort, eller alternativt hvidt, afhængigt af baggrunden, og så er det grafiske symbol farverigt. Men det er ikke reglen.

Der findes også forskellige generatorer på internettet, som kan hjælpe dig med at matche flere farver, f.eks. coolors.co/app Se her værktøj til farvehjul fra Canva, og vælg din perfekte kombination.

Opsætning af logo i dit WordPress-tema

En demo af WordPress-temaet vil vise dig, hvordan dit logo vil blive vist på hvert enkelt responsive layout af hjemmesiden. Som nævnt tidligere, hvis du allerede har designet dit logo, skal du vælge det bedst egnede WP-tema, der passer godt til dit firmalogo.

Til tilføjelse af logo til din hjemmeside, Gå til Theme Admin, og vælg Theme Options.

WordPress temaindstillinger - hjemmesidelogo

Gå til Header på siden Theme Options setup. Upload dit logo ved at klikke på "Vælg billede" knaptekst til indstillingen Website Logo. Klik på Gem indstillinger.

WordPress Theme Options - Vælg logo

Besøg dit site preview for at se, hvordan dit logo bliver vist.

At designe dit første logo er en ting, der fortjener mange tanker. Fokuser på det budskab, du vil sende til dine kunder. Det vil repræsentere dit brand i mange år fremover. Et veldesignet logo vil blive hos dig i lang tid og vil ikke kræve store ændringer. Husk, at tendensen er at forenkle tingene i stedet for at gøre dem mere komplicerede. Så hvis du allerede har et logo, der har for mange detaljer, farver eller kurver, kan du overveje at lave en frisk, moderne version af det. At tilføje det til din WordPress-hjemmeside er et spørgsmål om 3-4 klik, og så er det klaret.

32 tænkte på "Logo & WordPress website – how to create & add it to your site"

  1. Tak for de gode tips! Jeg har dog et spørgsmål, som jeg tror, at du kunne
    sandsynligvis svare. Jeg tænkte på, om freelance webdesignere/udviklere har tendens til at sætte deres kunder op med
    delt eller dedikeret hosting? Jeg vil gerne sikre mig, at deres hjemmeside
    er hurtig. Enhver indsigt vil være meget værdsat!

    1. Hej med jer,
      Tak for din kommentar. Vi er kede af, at der ikke blev foretaget nogen undersøgelse, men vi vil alligevel genoverveje det og træffe en mandlig beslutning.
      Med venlig hilsen!
      Zlatko

  2. At gøre din virksomhed til et brand er ikke nogen nem opgave, men brandingfirmaet

  3. Jeg søgte efter logo design, hvordan man designer et logo på en time, end jeg hører om logo maker, jeg føler mig glad efter at have brugt logo maker. Efter det leder jeg efter en måde at tilføje dette logo til mit websted, jeg fandt det på dit blogindlæg tak for at dele det.

    1. Hej med jer,
      Tusind tak for din kommentar og dine komplimenter.
      Hvis du er interesseret i andre emner, er du velkommen til at fortælle os det.
      Hav en god dag!
      Zlatko

  4. Fantastisk guide om, hvordan man kan indstille logo på wordpress-webstedet. Nyttige oplysninger til mig. Tak for deling af informativt indhold

    1. Hej med dig,
      Tak for din kompliment. Hvis du har en idé til, hvad det næste blogindlæg skal handle om, er du velkommen til at kontakte os igen.
      Med venlig hilsen!
      Zlatko

      1. du er nødt til at rydde indlæg om wordpress nuværende opdateringsversion. nogle problemer er ikke løst. bare skriv om wordpress opdaterede blogs

      2. skriv detaljerede oplysninger om aktuelle opdaterede wordpress-versioner. fordi mit websted var wordpress cms, men jeg kunne ikke sende nogen blogbilleder, hvad er løsningen?

        1. Hej med jer,
          Tak, fordi du kontaktede os igen. Kan du oplyse os om dit brugernavn, der er registreret i vores system, og endnu bedre ville det være at beskrive i detaljer, i hvilket tema du stødte på ovennævnte problem?
          For det andet,
          Den bedste måde at hjælpe dig på ville være, hvis du kontaktede vores supportforum direkte. Derfor bedes du give vores Ait-Themes-team en AIT SysInfo-rapport: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Vores teknikere er klar til at hjælpe dig med ethvert tema-relateret problem: Kundesupport ydes på hverdage fra kl. 8.00 til 17.00 mellemeuropæisk tid. Hvis du ikke har oprettet en Ait Themes Club-konto endnu, bedes du bruge denne formular: https://system.ait-themes.club/join/tf og sende dit tekniske spørgsmål direkte til vores supportsystem. Log venligst ind på din konto https://system.ait-themes.club/support/ . Generelt dækker support hovedsageligt at finde løsninger på problemer i temaet og hjælpe brugerne med at bruge produktet, hvis der er en fejl, vil vi rette den så hurtigt som muligt. Desværre er vi ikke i stand til at arbejde på brugernes tilpassede hjemmesider.
          Vores teknikere kan svare så effektivt og så hurtigt som muligt, hvis du vælger tjenesten "prioriterede spørgsmål" /du får svar inden for et par arbejdstimer/.
          Tak for din forståelse.
          Det bedste!
          Zlatko

  5. Hej med jer,

    Tak for jeres komplimenter og kommentarer. Logoet er (bør være) bare en simpel identifikator, der ikke forklarer virksomheden. Smukt, attraktivt og let at se selv på afstand. Alt andet er et spørgsmål om markedsføring.

    Det bedste!
    Zlatko

  6. Hej med jer,

    Tak for din kommentar. Ja, det er rigtigt. Med andre ord, når nogen har arbejdet på at skabe og udvikle sit unikke brand, vil han/hun være i stand til at symbolisere det med sit unikke logo.

    Med venlig hilsen!
    Zlatko

  7. Hej med dig,
    Tusind tak for din kompliment og feedback. Jeg er helt enig! Logoer er meget vigtige.
    Med venlig hilsen!
    Zlatko

  8. Hej med dig,

    Tak for din kommentar. Vi sætter stor pris på den.

    Hav en god dag!
    Zlatko

  9. Fantastiske tip til logo-design med WordPress-websted. Elsker at læse indlægget. Vi arbejder på at starte et ejendomsfirma i Sunshine Coast og er næsten klar til at åbne, og i øjeblikket leder vi efter det bedste logo designbureau i Sunshine Coast. Her fik jeg nogle gode værktøjer til at prøve vores eget logo design. Tak for at dele det.

    1. Hej, Stephany,

      Tak for kommentaren og de varme ord :). Jeg ønsker dig held og lykke med din nye forretning.

      Med venlig hilsen!
      Zlatko

  10. Informativt indhold Jeg nød meget at læse dette. Som alle ved, fungerer et logo som det kreative spor for et bestemt brand, når en person starter sin virksomhed.

    1. Hej med dig,
      Tak for dine venlige ord og inspirerende komplimenter.
      Med venlig hilsen!
      AIT

  11. Hej med dig,

    Tak, fordi du tog dig tid til at kommentere og udforske din mening med at bruge logo - det første element, kunderne ser, er faktisk logoet - eyetracking-undersøgelser viser, at brugerne bruger et par sekunder på at kigge på logoet først, før de går videre til andet indhold - designet betyder noget.

    Med venlig hilsen!
    AIT-team

  12. Enig med dine tanker. Hjemmesider, der er responsive, attraktive, interaktive, overkommelige, besøgs- og søgemaskinevenlige, er vigtige komponenter, der skaber mere brugervenlighed for slutbrugerne. Blandt alle er overkommelighed en faktor, som brugeren fokuserer på først. Det er en effektiv proces, hvis man kan få et godt design til en overkommelig pris. På samme måde leverer vores organisation også sine tjenester i meget overkommelige intervaller.

    1. Hej, Kishana,

      Tak, fordi du spurgte. Det animerede logo fungerer korrekt.
      Hvis du har yderligere spørgsmål, er du velkommen til at kontakte os igen.

      Med venlig hilsen!
      AIT

  13. Godt forklaret. Alle ting er blevet forklaret ordentligt og omhyggeligt. Det er meget sandt, at fremragende kreative designs tiltrækker opmærksomhed og skaber et positivt indtryk af et brand, så det er bedre, at det gøres af eksperter på området.

  14. Fremragende! Jeg kan personligt godt lide din blog og venter på flere artikler som denne

Kommentarer er lukket.