Guider/Redigera din webbplats/Webbplatsinställningar/Lägg till en logotyp på din webbplats

Lägg till en logotyp på din webbplats

En logotyp är en bild som representerar dig eller ditt varumärke och som vanligtvis placeras på en framträdande plats högst upp på en webbplats. Den här guiden visar hur du lägger till en logotyp på din webbplats.

Skapa en logotypbild

Om du precis har kommit igång med din webbplats, ditt projekt eller ditt företag kanske du inte har någon logotyp än. Tänk på följande råd när du skapar en logotypbild:

  • Använd en .png-fil med en transparent bakgrund så att logotypen inte visas med en vit ruta runt den när du placerar den på din webbplats.
  • Håll designen enkel så att den ser bra ut på alla skärmar, stora som små.
  • Den rekommenderade storleken på din logotyp beror på ditt tema, men 200px bred är en bra utgångspunkt att experimentera med.
  • Skapa en mindre version av din logotyp att använda som din webbplatsikon.

Skapa en logotyp med Jetpack AI

Använd Jetpacks AI-logotypgenerator för att skapa en logotyp baserad på din webbplats slogan. Du kan anpassa förslaget och välja olika stilar för att skapa det utseende du vill ha.

Lär dig hur du skapar en logotyp med Jetpack AI.

Skapa en logotyp med Fiverr

För att skapa en logotyp för din webbplats med Fiverr, följ dessa steg:

  1. Besök webbplatsen för Fiverr-logotypskaparen.
  2. Ange namnet på ditt företag eller din blogg, samt en slogan om du har en sådan, och klicka på Generera.
  3. Fiverr kommer automatiskt att skapa logotyper åt dig. Du kan enkelt välja önskad design och anpassa färg, typsnitt, textstorlek, avstånd, placering med mera.
  4. När du har köpt din logotyp kan du ladda ner bildfilen.
  5. Ladda upp logotypbilden till WordPress.com genom att följa stegen i nästa avsnitt.

Lägg till din logotyp

I de flesta fall lägger du till din logotyp med hjälp av webbplatsredigeraren. Om din webbplats använder ett klassiskt tema eller ett tredjepartstema kan du dock behöva använda Anpassaren för att lägga till eller redigera din webbplats logotyp.

Ett snabbt sätt att avgöra om din webbplats använder webbplatsredigeraren är att kolla under Utseende i din adminpanel. Om du ser Redigerare här använder du ett webbplatsredigerartema.

Välj lämplig flik för din gränssnitt:

För att lägga till en logotyp på din webbplats med hjälp av webbplatsredigeraren, följ dessa steg:

  1. Från din webbplats adminpanel går du till Utseende → Redigerare.
  2. Klicka på förhandsgranskningen av startsidan till höger eller välj fliken Mönster för att anpassa en specifik malldel.
  3. Välj Listvy i det övre vänstra hörnet i redigeraren. Det är ikonen som ser ut som tre horisontella linjer ovanför varandra.
  4. Bläddra igenom sektionerna i ditt sidhuvud:
    • De flesta sidhuvudsmalldelar har redan blocket Webbplatslogotyp.
    • Om du inte ser blocket Webbplatslogotyp, använd blockinfogaren + för att lägga till det.
  5. Välj något av följande alternativ i blockverktygsfältet som visas:
    • Välj logotyp: Du kommer att se det här alternativet om du inte har lagt till någon webbplatslogotyp än.
    • Generera med AI: Klicka på de tre stjärnorna för att generera en logotyp med AI.
    • Byt ut: Använd det här alternativet för att ersätta eller återställa din webbplats logotyp.
  6. Anpassa följande inställningar i sidopanelen med blockinställningar:
    • Bildbredd: Använd reglaget eller ange en siffra för att ställa in logotypens bredd.
    • Länka bild till startsida: Länka din webbplatslogotyp till din webbplats startsida. Alternativt kan du välja att länken ska öppnas i en ny flik.
    • Använd som webbplatsikon: Ställ in din webbplatslogotyp som din webbplatsikon (vad som visas i webbläsarflikar.)
  7. Anpassa följande stilar i sidopanelen med blockstilar:
    • Bildstil: Välj mellan standard eller rundad. Rundad blir en kvadratisk bild en perfekt cirkel medan en rektangulär bild blir en avlång form.
    • Filter: Lägg till en tvåfärgseffekt med hjälp av filterinställningen Tavåtonsfärg.
    • Bilddimensioner: Lägg till utrymme runt bilden med hjälp av inställningarna för Dimensioner.
  8. Klicka på knappen Spara för att publicera dina ändringar.
Copied to clipboard!