EN
Sökande...

Bannern

Att använda en banner ger din webbplats visuell stil och karaktär, oavsett om det är ett galleri , en sida , en mapp , ett kundalbum eller en blogg . Du kan lägga till alt-texten till bannerbilderna , vilket hjälper till med SEO.

Banners kan placeras antingen ovanpå eller längst ner i ditt innehåll (under webbplatsens rubrik) och används vanligtvis för att visa en bannerbild/bildspel/video i full bredd.

Tips

Om du bara vill visa ett textmeddelande högst upp på din webbplats kan du använda meddelandefältet . Eller om du vill skapa ett popup-fönster som visas när besökare tittar på din webbplats kan du prova marknadsföringspopupen.

Så här ser en banner ut: 

Kolla en livedemosida.

Bannerinställningarna är kategoriserade som: 

  1. Innehåll
  2. Inställningar
  3. Layout

1. Innehåll

Alternativen under innehållskategorin är: 

Välj typ av banner. Du kan välja något av följande alternativ:

  • Diabilder – Välj alternativet Slides om du vill visa bilder i bannern. Du kan lägga till flera bildbilder under en banner.
  • Video – Om du vill visa videor som bannerbilder väljer du det här alternativet. Under varje banner kan du lägga till flera videobilder.
  • Bil  – Galleriets utvalda bild, rubrik och beskrivning kommer att användas för bannern. Det kommer att skapas automatiskt av systemet.
  • Inaktiv – Bannern kommer inte att synas på hemsidan.

Diabilder
  • Klicka på +Lägg till bilder (1)-knappen för att lägga till de anpassade bilderna till bannern.
  • När du har laddat upp bilderna kan du redigera (2) eller radera (3) rutschkanan.

Punkter att komma ihåg: 

  • Den idealiska storleken på en bannerbild kommer att vara 2560 pixlar X 1440 pixlar. 
  • Bildfilformat som stöds för bannern är JPG, JPEG, PNG och GIF. 
  • Maximalt stödda diabilder är 25 för varje banderoll.
  • Vi rekommenderar att du laddar upp landskapsbilder istället för stående.
  • Lägg till texten över bilderna från Master/Slide text fält. Ladda inte upp bilder med text i dem.

Redigera bild/textbild 

  • När du har klickat på redigera ikonen kommer du att se lådan Bild/Text Slide.

De tillgängliga alternativen här är: 

  1. Bild 
    • Klicka på Ladda knappen för att ändra bild/bild. Klicka på Radera knappen för att radera bilden.
    • Ändra bildens brännpunkt bara genom att klicka på bilden var som helst.
  2. Mobilbild – Ladda upp en mobil bannerbild. Vi rekommenderar att du lägger till porträttbilder här.
  3. Ange alternativ text för bildrutan. Detta hjälper för SEO-ändamål.

  1. Bildtext – Ange bildtexten som kommer att visas över bilden. Du kan göra texten fet, kursiv, understruken, länka den och göra mycket mer.
    Se även: Pixpa textredigerare.

  1. Bildlänk
    • Klicka på inställningsikonen och ange överläggslänken för bilden.
    • Du kan ange vilken sida som helst på/utanför din webbplats, din e-post eller ett kontaktnummer.

Kontrollera även: Länkande text/knapp.

Anmärkningar

Hela bilden konverteras endast till en länk när alternativet Bannertext och knappar är valt som Olika för varje bild.

  1. Knappen & Ikoner
    • Lägg till upp till 10 knappar/länkar till bildinnehållet.
    • Du kan lägga till en vanlig knapp, textlänk eller använda en bild/ikon som knapp.
      Kontrollera även: Knapp och länkar.
  1. Slå Spara knappen för att spara dina ändringar.

  • Ange om texten och knapparna ska vara samma för alla bilder eller olika för varje bild. När du väljer Samma för alla bilder alternativet kommer bannertexten och knapp 1 och 2 att användas.
  • När du har valt Olika för varje bild alternativet kommer texten och knapparna som anges för en viss bild att användas.

Knapp och ikoner 
  • Dessa knappar/länkar visas över dina bannerbilder (gemensamt för alla bilder).
    Kontrollera även: Knapp och länkar.

2. inställningar

Under fliken Bannerinställningar får du följande alternativ:

  1. Bannerbredd – Ange bredden på bannern.
    • 'Full bredd' kommer att visa bannern samtidigt som den täcker hela bredden utan att lämna någon marginal.
    • 'Boxed' kommer att visa bannern samtidigt som det lämnar en viss mängd utfyllnad till höger och vänster på skärmen.
    • 'Webbplatsens bredd' kan anges i Design sektion. Där kan du ange en fast bredd.
      Den kommer att visa bannern genom att följa den fasta bredden som anges.
    • Skala och passform – Bilderna får plats inom bannerns bredd och höjd.
    • Anpassa till bredd (Endast skrivbord) – Bilder skalas till bannerbredd. Bannerhöjden ärver bildhöjden.
  1. Banner Desktop Höjd – Ange skrivbordsbannerhöjden om du har valt Full blödning or skala och passform alternativet i fältet Visningsläge.
  2. Banner mobil höjd – Ange den mobila bannerns höjd.
Obs:

Om bannersektionen läggs till på en sida ärvs bannerhöjden från sektionshöjden.

  1. Sidhuvud – Välj den rubrikstil som ska tillämpas över bannern.
    • I så fall har du valt Standard, kommer rubriken att använda standardstilen för webbplatsrubrik och bannern kommer att placeras efter rubriken. Kolla in a levande exempel.
    • I så fall har du valt Transparent, kommer sidhuvudets bakgrund att vara genomskinlig och rubrikelementen kommer att vara vita. Bannern kommer att placeras under rubriken. Kolla in a levande exempel. 
  2. Rubrikobjekt - Om du har ställ in rubriken så att den är transparent, kan du välja färg på rubrikobjekt/menyalternativ:
    • Om Standardfärg är vald, ärvs rubrikobjektets färg från Design sektion.
    • Om Ange färg är vald kan du klicka och välja färg på rubrikobjekten.

Kontrollera även: Styla rubrikobjekten på valfri sida.

  1. Sikt – Ställ in bannerns synlighet.
  2. Placera – Ange positionen för bannern.

  1. Innehållsposition – Ange innehållets position över bannern.
  2. Innehållsbredd – Ange bredden för bannerinnehållet.
  3. Bakgrundsfärg – Ställ in bakgrundsfärgen för bannern.
  4. Överläggsfärg – Ställ in överläggsfärgen för bannern.
  5. Navigationsstil – Ange navigeringsstilen för bannern. Du kan välja mellan Chevron, Long Arrows och Short Arrows. Välj Ingen om du vill inaktivera navigeringskontrollerna.
  6. Navigationsfärg – Ange färgen på navigeringskontrollerna på bannern.
  7. Yttre marginal – Använd den yttre marginalen för bannern. När den yttre marginalen appliceras uppstår ledigt utrymme längst ner på bannern.
  8. Rulla ned pil – Välj det här alternativet för att visa en nedrullningspil över bannern.

  1. bildspel - Välj den Auto alternativet för att aktivera bildspel för bannern.
  2. Bildspelets hastighet – Ange bildspelets hastighet (i sekunder).
  3. Bildspelsövergång – Ange bildövergångsstil för bannern.
  4. Slutligen träffa Spara knapp.

  1. Justera knappen/länkarna att vara vänster-, höger- eller mittjusterad.
  2. ange Utrymmet mellan Knapp/länkar som har lagts till.
  3. ange Utrymme ovanför Knapp/länkar.
  4. Välj hovring Effekt för knappen/länkarna.

  1. Välj storleken på normalknappen som du har lagt till i Knapp/länkar. 
  2. ange bildknappens höjd om du har lagt till en bildlänk i Knapp/länkar. 
  3. ange storleken på ikonknappen om du har lagt till en social ikon i Knapp/länkar.  

Om du har lagt till en ikon för sociala medier i knappen/länkarna , då:

  1. Välj Typ av social ikon/Form.
  2. Välj Social ikon färgstil.
    Om du har valt Vald färg alternativ ovan då:

    1. ange Social ikon färg.
    2. ange Social ikon bakgrundsfärg.

3.Layout

Du kan enkelt ändra layouten på en banner. Läs mer om bannerlayouterna.

Taggade:

Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Kontakta oss
Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.