Bannern

Med hjälp av en Baner lägger till visuell stil till din webbplats och ger ditt innehåll karaktär oavsett om det är en galleri, sida, mapp, klientalbum, eller blogg. Du kan lägga till bild alt-text till bannerbilderna, detta hjälper till med SEO.

Banderoller kan placeras antingen på toppen eller botten av 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, använd Meddelandefält. Eller om du vill skapa ett popup-fönster som visas när besökare tittar på din webbplats kan du prova Marknadsföring popup.

Så här ser en banner ut: 

Kolla en livedemosida.


Bannerinställningarna är kategoriserade som: 

  1. Diabilder
  2. Inställningar
  3. Layout


1. Diabilder

Alternativen under kategorin bilder är: 

Välj typ av banner. Du kan välja mellan en anpassad banner, automatisk banner och inaktiv.

  • Anpassad banner – Anpassade bilder kommer att användas för bannern.
  • Auto Banner – Galleriets utvalda bild, rubrik och beskrivning kommer att användas för bannern.
  • Inaktiv – Banner kommer inte att synas på webbplatsen.


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 2000 pixlar X 2000 pixlar. 
  • Bildfilformat som stöds för bannern är JPG, JPEG, PNG och GIF. 
  • 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 skulle du 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 – Uladda 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 till länk endast när Bannertext och knappar alternativet är valt som Olika för varje bild.

  1. Knappen & Länkar
    • 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å Save 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.


  • 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 Designa 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.
Notera:

Om bannersektionen läggs till på en sida, skulle bannerhöjden ärvas från sektionshöjd.


  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 Designa sektion.
    • Om Ange färg är vald kan du klicka och välja färg på rubrikobjekten.

Kontrollera även: Styla rubrikobjekten på vilken sida som helst.


  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 Save 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 social ikon i Knapp/länkar, sedan:

  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. Veta mer om bannerlayouterna.


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.