Logo og WordPress-nettsted - hvordan du oppretter og legger den til på nettstedet ditt

postet på av AitThemes
Logo og WordPress-nettsted - hvordan du oppretter og legger den til på nettstedet ditt

(Nesten) alle nettsteder har en logo. Den bidrar i stor grad til nettstedets utseende, det første inntrykket de besøkende får når de åpner nettstedet, og den er i høyeste grad en del av merkevarebyggingen. En veldesignet logo hjelper deg med å sende det riktige budskapet om bedriften til potensielle kunder og øker gjenkjennelsen av varemerket ditt. Dette er markedsføringsperspektivet når det gjelder logoer, men hva med den tekniske siden av saken? Hvordan en god logo bør utformes og hvilke parametere den bør ha. Her er innsikten til vår erfarne designer og frontend-utvikler Peter.

Logoens størrelse og dimensjoner

Når du skal designe en logo for første gang, bør du alltid tenke ett skritt frem. Eller ideelt sett, tenk flere skritt fremover og tenk på hvor logoen din skal vises og på hvilke andre måter den skal brukes. Logostørrelsen bør avledes avhengig av alle potensielle bruksområder. Hvis du designer logoen din i en fast pikselstørrelse, kan det lett skje at parametrene ikke gjør det mulig å skrive den ut i god kvalitet, ettersom utskriftsformatet krever en annen dpi enn skjermbilder. På den annen side, Hvis du lager logoen din som vektorgrafikk, kan du eksportere den i ønsket oppløsning.

Dimensjonene på logoen din er svært individuelle. Sørg imidlertid for at logoen ser bra ut i alle størrelser. Hvis jeg f.eks. designer en logo til toppteksten på nettstedet mitt, bør jeg ta hensyn til hvordan den ser ut gjennom hele designprosessen.

Det er bedre å designe en logo som er enkel og uten for mange detaljer, da de kan forsvinne i mindre størrelser. Enklere logoer vil alltid være tydelige og lesbare. Du slipper å designe flere varianter av den samme logoen hvis den må skaleres ned.

Horisontale logoer er enklere å jobbe med

Vertikal eller horisontal? Vertikale logoer passer ikke alltid proporsjonalt til resten av nettstedets design og er vanskeligere å jobbe med. Dette gjelder dobbelt når det gjelder WordPress-temaer. Ta hensyn til nettstedets responsivitet når du designer logoen din, så vil du se hvor mye bedre en horisontal logo vil se ut på ulike enheter.

Hvis du allerede har valgt tema, bør du sjekke hvilke logodimensjoner som passer best inn. Eller omvendt. Hvis du har designet den endelige logoen, velger du et tema som gjør det mulig å vise den på riktig måte. I hvert fall hvis du vil unngå å redesigne temaet eller lage en ny variant av logoen din for temaet.

Logoen vises på flere forskjellige steder på nettstedet ditt, eller rettere sagt i WordPress-temaet. Dette er nok en grunn til å unngå overkompliserte logoer.

Typer av logoer

Innhold i logoen

Når du først bestemmer deg for logodesign, har du flere typer logoer å velge mellom:

  • ikon/bilde
  • logotype eller typografisk (bare navnet i en bestemt skrifttype eller grafiske innstillinger)
  • kombinasjon av begge

Hvordan logoen skal se ut, avhenger av nettstedets tema/virksomhetsretning. Den bør gjenspeile et bestemt budskap som er relatert til virksomheten. Hvis vi for eksempel har en virksomhet med et bestemt produkt, kan vi gjøre dette produktet til en del av logoen. Selge sykler - et hjul. Skrive blogginnlegg - en penn, en bok osv. På den andre siden, Logoen trenger ikke nødvendigvis å inneholde noe spesifikt, det kan være abstrakte ting, bare enkle geometriske former, men den bør være lett å huske. Du kan finne inspirasjon på nettet og se eksempler på logoer på Behance eller Dribble.

Hvis du ikke har noen idé eller ikke har noe spesifikt i tankene som kan brukes som bildedel av logoen, kan du ganske enkelt bruke en typografisk logo. Det er mange skrifttyper tilgjengelig på fonts.google.com som er gratis for kommersiell bruk. Det er ikke en regel å bruke serif-skrifttyper som ser mer seriøse ut, men det er lurt å velge en enklere skrifttypeikke som comic sans etc. 😀 Vi kommer ikke til å presentere våre ville ideer for kundene, de har sine egne... Vi ønsker ikke å ta motet fra dem, vi ønsker å øke konverteringsraten i stedet.

Typografisk logo

Hvis vi likevel ønsker å ha et grafisk symbol i logoen, kan det f.eks. lages av initialene i navnet. Dette brukes ofte når logoen representerer navnet på en person, dvs. initialene hans eller hennes.

I dag er trenden å bruke enkle logoer. Selv de store selskapene forenkler merkevaren sin, det skader ikke.

redesign av logoer

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

Farger

Logoen bør lages i flere fargevarianter. Den grunnleggende bør være i varemerkets farge, og de andre variantene bør utformes på en måte som passer for både mørke og lyse bakgrunner. Det er lurt å også ha en monokromatisk versjon, eller bare en tofarget versjon, spesielt for utskriftsformål. I dette tilfellet er det også lurt å sjekke om det ikke er noen unødvendige detaljer som ikke kan trykkes uansett.

Logoen bør ha samme farge som resten av fargeskjemaet på nettet. Logoen trenger ikke nødvendigvis å være fargerik for å fange oppmerksomheten. Det er tilstrekkelig å bruke bare én farge eller to farger hvis du ikke har lyst til å matche flere farger. Navnet visualiseres vanligvis i mørke farger, nesten svart, eller alternativt hvitt, avhengig av bakgrunnen, og da er det grafiske symbolet fargerikt. Men det er ikke regelen.

Det finnes også ulike generatorer på Internett som kan hjelpe deg med å matche flere farger, f.eks. coolors.co/app Se på dette verktøy for fargehjul fra Canva og velg den perfekte kombinasjonen.

Konfigurere logo i WordPress-temaet ditt

En demo av WordPress-temaet vil vise deg hvordan logoen din vil vises på de ulike responsive layoutene på nettstedet. Hvis du allerede har designet logoen din, kan du som nevnt velge det WP-temaet som passer best til bedriftens logo.

For å legge til logo på nettstedet ditt, gå til Theme Admin og velg Theme Options.

WordPress Theme Options - Logo for nettstedet

Gå til Topptekst på siden for temaalternativer. Last opp logoen din ved å klikke på "Velg bilde" knappens tekst til innstillingen Website Logo. Klikk på Lagre alternativer.

WordPress Theme Options - Velg logo

Besøk forhåndsvisningen av nettstedet ditt for å se hvordan logoen din vises.

Å designe din første logo er noe du bør tenke mye på. Fokuser på budskapet du ønsker å sende til kundene dine. Den vil representere merkevaren din i mange år fremover. En godt designet logo vil følge deg lenge og vil ikke kreve store endringer. Husk at trenden er å forenkle ting i stedet for å gjøre dem mer kompliserte. Hvis du allerede har en logo som har for mange detaljer, farger eller kurver, bør du derfor vurdere å lage en ny og moderne versjon av den. Det tar bare 3-4 klikk å legge den til på WordPress-nettstedet ditt, så er det gjort.

32 tenkte på «Logo & WordPress website – how to create & add it to your site»

  2. Takk for de gode tipsene! Jeg har imidlertid et spørsmål som jeg tror du kan svare på.
    sannsynligvis svar. Jeg lurte på om frilansende webdesignere/utviklere pleier å sette opp kundene sine med
    delt eller dedikert hosting? Jeg vil forsikre meg om at nettstedet deres
    er rask. All innsikt vil bli satt stor pris på!

    1. Hei på deg,
      Takk for kommentaren din. Vi beklager, det ble ikke gjort noen studie/undersøkelse, men vi vil uansett vurdere det på nytt og ta en mannlig beslutning.
      Med vennlig hilsen!
      Zlatko

  3. Det er ingen enkel oppgave å gjøre virksomheten din til et varemerke, men merkevareselskapet

  5. jeg søkte etter logo design hvordan å designe en logo på en time, enn jeg hører om logo maker jeg føler meg lykkelig etter å ha brukt logo maker. Etter det leter jeg etter en måte å legge til denne logoen på nettstedet mitt, jeg fant det på blogginnlegget ditt takk for at du delte det.

    1. Hei på deg,
      Tusen takk for kommentaren og komplimentene.
      Hvis du er interessert i andre emner, er du velkommen til å gi oss beskjed.
      Ha en fin dag!
      Zlatko

  6. Flott guide om hvordan du kan sette logo på wordpress-nettstedet. Nyttig informasjon for meg. Takk for at du deler informativt innhold

    1. Hallo,
      Takk for komplimenten. Hvis du har en idé om hva det neste blogginnlegget bør handle om, er du velkommen til å kontakte oss.
      Med vennlig hilsen!
      Zlatko

      1. du må fjerne innlegg om wordpress nåværende oppdateringsversjon. noen problemer er ikke løst. bare skriv om wordpress oppdaterte blogger

      2. skriv detaljert informasjon om gjeldende oppdaterte versjoner av wordpress. fordi nettstedet mitt var wordpress cms, men jeg kunne ikke legge ut noen bloggbilder hva er løsningen?

        1. Hei på deg,
          Takk for at du kontaktet oss. Kan du vennligst oppgi brukernavnet ditt som er registrert i systemet vårt, enda bedre ville det være å beskrive i detalj i hvilket tema du opplevde problemet nevnt ovenfor?
          For det andre,
          den beste løsningen for å hjelpe deg vil være å ta direkte kontakt med vårt supportforum. Gi derfor vårt Ait-Themes-team en AIT SysInfo-rapport: https://www.ait-themes.club/wordpress-plugins/ait-sysinfo/. Våre teknikere er klare til å hjelpe deg med ethvert tema-relatert problem: Kundestøtten er tilgjengelig i løpet av arbeidsdagene fra kl. 8.00 til 17.00 (mellomeuropeisk tid). Hvis du ikke har opprettet en Ait Themes Club-konto ennå, kan du bruke dette skjemaet: https://system.ait-themes.club/join/tf og legge inn ditt tekniske spørsmål direkte i vårt supportsystem. Vennligst logg inn på kontoen din https://system.ait-themes.club/support/ . Generelt dekker support hovedsakelig å finne løsninger på problemer i temaet og hjelpe brukere med å bruke produktet, hvis det er en feil, vil vi fikse den så snart som mulig. Vi har dessverre ikke mulighet til å jobbe med brukernes egne nettsider.
          Våre teknikere kan svare så effektivt og raskt som mulig hvis du velger tjenesten "prioriterte spørsmål" /du får svar i løpet av noen få arbeidstimer/.
          Takk for forståelsen.
          Best!
          Zlatko

  7. Hei på deg,

    takk for komplimentene og kommentarene. Logoen er (bør være) bare en enkel identifikator som ikke forklarer virksomheten. Vakker, attraktiv og lett å se selv på avstand. Alt annet er et spørsmål om markedsføring.

    Best!
    Zlatko

  8. Hei på deg,

    Takk for kommentaren. Ja, det stemmer. Med andre ord, når noen har jobbet for å skape og utvikle sitt unike varemerke, vil han/hun kunne symbolisere det med sin unike logo.

    Med vennlig hilsen!
    Zlatko

  11. Hei på deg,
    Tusen takk for komplimenten og tilbakemeldingen. Helt enig! Logoer er svært viktige.
    Med vennlig hilsen!
    Zlatko

  13. Fantastiske tips for logodesign med WordPress-nettsted. Elsker å lese innlegget. Vi jobber med å starte et eiendomsmeglerfirma i Sunshine Coast og er nesten klare til å åpne, og for øyeblikket leter vi etter det beste logodesignbyrået i Sunshine Coast. Her fikk jeg noen gode verktøy for å prøve vår egen logodesign. Takk for at du deler.

    1. Hei, Stephany,

      takk for kommentar og varme ord :). Ønsker deg lykke til med din nye virksomhet.

      Med vennlig hilsen!
      Zlatko

  14. Informativt innhold Jeg likte mye å lese dette. Som alle vet at når en person starter sin virksomhet, fungerer en logo som det kreative sporet for det aktuelle merket ...

    1. Hallo,
      takk for de vennlige ordene og de inspirerende komplimentene.
      Med vennlig hilsen!
      AIT

  15. Hei på deg,

    takk for at du tok deg tid til å kommentere og utforske betydningen av å bruke logo - det første kundene ser er faktisk logoen - eyetracking-studier viser at brukerne bruker noen sekunder på å kaste et blikk på logoen før de går videre til annet innhold - designet er viktig.

    Med vennlig hilsen!
    AIT-team

  16. Jeg er enig i tankene dine. Nettsteder som er responsive, attraktive, interaktive, rimelige, besøks- og søkemotorvennlige, er viktige komponenter som skaper større brukervennlighet for sluttbrukerne. Blant alt dette er prisgunstig en faktor som brukeren fokuserer på først. Det er en effektiv prosess hvis man kan få et godt design til en overkommelig pris. På samme måte tilbyr vår organisasjon også sine tjenester til svært rimelige priser.

    1. Hei, Kishana,

      Takk for at du spør. Den animerte logoen fungerer som den skal.
      Hvis du har ytterligere spørsmål, er du velkommen til å kontakte oss.

      Med vennlig hilsen!
      AIT

  18. Godt forklart. Alt er forklart på en god og grundig måte. Det er veldig sant at fremragende kreative design tiltrekker seg oppmerksomhet og skaper et positivt inntrykk av et merke, så det er bedre at det gjøres av eksperter på området.

Kommentarer er stengt.