Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5.

Transkript

1 Snabbguide till EpiServer CMS 5 Banners Vad är en banner? En banner är egentligen en bild. Med en banner menas oftast en reklambild eller ett erbjudande. Exempel på banners på innebandy.se (banners är skuggade med rött och pilarna pekar på dem): Banners kan placeras utanför den ordinarie ramen på hemsidan. Det finns plats både över sidan och till höger som sidan (som bilden ovan illustrerar). Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5. Du kan skapa två typer av banners, antingen via ett script (vilket är vanligt gällande reklam med en tredje part inblandad, i stort sett alla reklambanners som visas är genererade av ett script) eller via vanliga bilder. Hur lägger jag banners ovanför och till höger på sidan? Banners kan läggas i vilken editor som helst. Editorn för ytorna ovanför och till höger på sidan ligger under dynamiska egenskaper.

2 Markera din distriktstartsida i trädstrukturen i EpiServer och klicka sedan på knappen dynamiska egenskaper, (1). Det är viktigt att du markerar din startsida först, annars kan du komma in på dynamiska egenskaper för en annan sida. I fönstret till höger dyker dynamiska egenskaper upp. Klicka på fliken längst till höger, som heter banner (2), så får du upp tre editorfält. I editorn Banner till höger lägger du material som hamnar till höger på hemsidan. I editorn Banners överst på sidan (Svenska) lägger du material som hamnar överst på sidan. Editorn Banners överst på sidan (Engelska) behöver du inte bry dig om. OBS: Här kan du lägga in vilken information som helst som du vill ha överst eller till höger på sidan. Det kan handla om vanlig text, en valfri bild eller en länk.

3 Så skapar du en banner En banner kan du skapa i vilken editor i EpiServer CMS 5 som helst. Vanligast är dock att lägga banners i ytan ovanför eller till höger på sidan, och editorerna som styr de ytorna hittar du ovan. Du kan lägga in en banner på två sätt, antingen via ett script eller via vanliga bilder. Skapa en banner med ett script Placera markören i valfri editor på det ställe du vill infoga din banner. Klicka på infoga dynamiskt innehåll, (1). Under rullisten välj plugin ska du välja Banner (2)

4 Rutan inställningar kommer upp automatiskt. I rutan Script kan du klistra in ditt script. Klicka på OK Bannern kommer att visas som en gul ruta (4) i editorn. Här kan du lägga till fler banners om du vill. Klicka på Spara (5). Nu ska din banner synas på hemsidan (notera att du inte kan se bannern inne i EpiServer, utan att du måste titta på den publika hemsidan).

5 Skapa en banner med bilder Placera markören i valfri editor på det ställe du vill infoga din banner. Klicka på infoga dynamiskt innehåll, (1). Under rullisten välj plugin ska du välja Banner (2) Rutan inställningar kommer upp automatiskt. Klicka på [ ] efter Banners (3).

6 Klicka på knappen Add linked image (4) Klicka på knappen select image (5). Nu kommer du in i EpiServers filarkiv. Här väljer du ut den bild du vill ha som banner. OBS Mer information om hur du laddar upp bilder i filarkivet finns i Redaktörshandboken sidan 63. När du valt en bild kan du också göra bilden till en länk. Detta är inte nödvändigt, men är en bra extrafunktion om du vill att en besökare ska kunna klicka på din bild för att komma till en annan sida. Klicka på knappen select link (6) och knappa in en länk. Det kan vara en extern länk eller en länk till en annan EpiServer-sida. Klicka på update (7) när du är klar.

7 Nu ska en bild ha dykt upp i listan enligt bilden ovan. Vill du ha ett bildspel? Bannerfunktionen tillåter dig att skapa ett bildspel. Det betyder att du på en yta kan ha flera bilder som skiftar mellan varandra med ett intervall som du själv bestämmer. Du skapar ett bildspel genom att återigen klicka på add linked image och välja ut en bild till. Du kan välja hur många bilder som helst. Varje bild har sin egen länk, så du kan låta bildspelet exempelvis växla mellan flera samarbetspartners och när du klickar på deras bild så kommer du till deras egna hemsida. När du har lagt till så många bilder du vill ha klickar du på update (8)

8 Om du valt flera bilder som ska växla så kan du själv bestämma intervallet i rutan intervall (9). Väljer du inget så växlar bilderna med fem sekunders mellanrum. Skriver du 3 i rutan, växlar bilderna med tre sekunders mellanrum. Du måste ange ett värde i rutan BannerHeight som motsvarar höjden på de bilder du valt ut. Anger du inget värde här kommer bannern att lägga sig över annat material på hemsidan, vilket inte ser snyggt ut. Värdet ska anges i pixlar. Är den bild du valt ut 200 pixlar hög ska du skriva 200 i rutan. Vet du inte höjden på bilden kan du antingen leta upp det i filarkivet eller prova dig fram. När du är klar, klicka på OK (11)

9 Bannern kommer att visas som en gul ruta (12) i editorn. Här kan du lägga till fler banners om du vill. Klicka på Spara (13). Nu ska din banner synas på hemsidan (notera att du inte kan se bannern inne i EpiServer, utan att du måste titta på den publika hemsidan). Tips Bannerfunktionen kan till exempel användas för att skapa ett bildspel i en vanlig nyhetsartikel.