Redaktörshandbok Socialdemokraterna.se 2012 (version 2) EPiServer CMS 6

Redaktörshandbok Socialdemokraterna.se 2012 (version 2) EPiServer CMS 6

Innehållsförteckning Inledning... 4 Om den nya webbplatsen... 4 Inriktning inför 2014... 4 Lathund för sociala medier... 5 Om handboken... 5 Att logga in... 6 Nytt i EPiServer 6... 7 Funktioner...8 Byta namn på sida viktigt att veta... 8 Texteditor... 9 Länklista... 10 Mallar...11 Startsida... 11 Storlek på bilder... 11 Kampanjyta... 12 Fliken innehåll... 14 Fliken inställningar för modulblock... 15 Startsidans högerkolumn... 16 Huvudsida... 17 Fliken Innehåll... 17 Fliken inställningar för modulblock... 18 Fliken artikel... 18 Fliken Funktioner... 19 Vanlig sida och nyhetssida... 19 Fliken innehåll... 20 Fliken Artikel... 22 Fliken funktioner... 24 2

Fliken Inställningar... 30 Fliken kategorier... 31 Moduler... 32 Skapa moduler... 32 Använda moduler... 34 Återanvända moduler... 34 Använda moduler för en hel struktur... 34 Modulbeskrivningar... 35 Flickr... 35 Twitter/Bloggy... 36 Youtube... 37 Länkar... 38 RSS... 39 Listning... 40 Banner... 41 Banner Facebook Fanbox... 42 Vanliga fel... 43 Webbplatsen låser sig... 43 Problem med att komma tillbaka till redigeraläge... 43 3

Inledning Om den nya webbplatsen Den nylansering som nu är gjord av socialdemokraterna.se har vi gjort för att bygga basen för valrörelsen 2014. Ambitionen har varit att göra det enklare och smidigare att länka in externa flöden från sociala medier. Vi är det parti som har flest röster på nätet och det ska också synas på webbplatsen. Samtidigt har vi satsat på en ny kraftfull sökfunktion som ska göra det lättare för besökaren att hitta det hon/han söker. Den mer osynliga delen av uppgraderingen handlar om att vi har rensat upp ungefär 10 000 rader gammal kod vilket förhoppningsvis ska göra webben snabbare för både er redaktörer samt för besökaren. Inriktning inför 2014 Partistyrelsens kansli propagerar inte längre för att alla Arbetarekommuner ska ha en hel hemsida i vår mall. Sedan våren 2012 har vi rekommenderat samtliga Arbetarekommuner att se över sin hemsidesatsning. Vad är syftet med vår onlinenärvaro? Ofta är inte en hemsida det bästa alternativet. En aktiv närvaro på sociala medier såsom Facebook ger ofta mer utdelning för arbetsinsatsen. Vi lägger inte längre upp nya fullständiga hemsidemallar för Arbetarekommuner i vårt mallpaket. Skälet till detta är dels ovan resonemang men också att vi inte har resurser att ge utbildning och support. Vi rekommenderar idag de Arbetarekommuner som hör av sig om hemsidemallen något eller flera av följande alternativ: 4

Enkel variant av en hemsida. En webbsida under partidistriktets hemsida där kontaktuppgifter och flöden till närvaro i sociala medier publiceras. Den enkla adressen socialdemokraterna.se/ertnamn kan fortfarande användas. Fansida eller Grupp på Facebook. Fansida om syftet är att kommunicera med väljare och medlemmar, grupp om syftet är att föra semiinterna eller interna diskussioner med medlemmar. Blogg (vårt tips är gratisverktygen Blogger eller Wordpress). En blogg lämpar sig bäst om syftet är att lyfta fram ett antal företrädare som ska kommentera lokalpolitik, rikspolitik och delta i opinionsbildning. Lathund för sociala medier Vi har tagit fram en lathund för hur du bäst jobbar med sociala medier såsom Facebook och Twitter. Du hittar den på följande länk: https://www.socialdemokraterna.se/lathundwebb Om handboken I motsats till den förra handboken innehåller den här bara de funktioner och mallar som skiljer sig från EPiServers standardfunktionalitet. För standardfunktionalitet hänvisar vi till EPiServers egen handbok som i version 6 finns inbyggd och sökbar i verktyget: 5

Ord som är kursiva och har en stjärna efter sig är begrepp som du kan slå upp i handboken, som t.ex. visaläge*. Att logga in För att logga in i nya webben kan du använda dig av någon av följande länkar: http://www.socialdemokraterna.se/inloggning http://www.socialdemokraterna.se/sap/cms/edit 6

Du kommer då till din personliga sida på Mitt S. För att börja redigera din hemsida klickar du antingen på fliken Redigera hemsida eller högerklickar och väljer Till redigeraläge. Gå sedan till din hemsida genom att använda den enkla adressen: http://www.socialdemokraterna.se/sidansnamn Nytt i EPiServer 6 EPiServer 6 har ett antal riktigt trevliga förbättringar jämfört med version 5: 1. Innehållet autosparas under tiden du jobbar med det. Detta sker i bakgrunden och man ser inte att det händer. 2. Man kan sortera sidorna i trädet genom att dra och släppa, istället för att använda Avancerad funktion/sorteringsordning. 3. En helt ny texteditor har ersatt den gamla. 4. Man kan söka på ord, fraser och annat innehåll med sökfunktionen i redigeraläget. Den är numera placerad högst upp i högra hörnet. 5. EPiServer har blivit bättre på att hålla koll på var du var i strukturen när du t.ex. laddar upp en bild. 6. Man kan checka ut och in sidor så att det blir tydlig att någon annan är inne och arbetar med sidan. 7. Man kan förhandsgranska dynamiskt innehåll. 8. På sidan redigering har förbättrats. 9. Det går att få ut en länkstatusrapport som visar om det finns brustna länkar. Alla dessa funktioner finns beskrivna i on-linehandboken (se ovan). 7

Funktioner Detta avsnitt tar upp funktioner som är gemensamma för flera mallar. Byta namn på sida viktigt att veta Om du bara ska läsa ett enda avsnitt i denna handbok, så rekommenderar vi detta. På samtliga sidmallar finns en flik som heter Inställningar. Under denna flik finns en egenskap som heter Sidans namn i webbadress*. Om du byter namn på en publicerad sida måste du först söka på Bygg om namn för webbadresser* i handboken och läsa om hur du hanterar denna egenskap. Sidans namn i webbadress spelar nämligen stor roll för sidans sökbarhet och synlighet. Värdet i fältet skapas automatiskt första gången man skapar en sida. EPiServer bygger om det man döpt sidan till så att det fungerar i en webbadress. Ord med å ä ö görs t.ex. om till a och o och mellanrum ersätts med bindestreck. Det som är viktigt att veta är att detta fält inte uppdateras automatiskt när man ändrar namnet på sidan. Det ska det inte heller göra eftersom en ändring kan påverka länkar till webbsidan. Alla interna länkar hanteras och uppdateras automatiskt, så det behöver du inte tänka på. Det kan däremot finnas andra webbplatser som länkat till en viss sida och det kan innebära att en sådan länk bryts. Det kan också påverka besökares favoriter i webbläsaren. Du bör därför tänka efter både en och två gånger innan du ändrar namn i webbadressen. 8

Texteditor EPiServer 6 har en helt ny texteditor. Med den nya editorn kan du, förutom Internet Explorer, använda Firefox för att redigera. Chrome och Safari (för Mac) fungerar i en begränsad utsträckning. Du kommer med dessa läsare t.ex. inte åt texteditorn ovan. Den största skillnaden mot den gamla editorn är att det inte längre går att högerklicka. Du får använda verktygsmenyn i stället. Sök på Funktioner i editorn* i handboken för att få veta mer om den nya editorn. 9

Länklista Länklistan kan du använda för att länka till sidor i EPiServer, till externa webbsidor och till rss-flöden mm. Så här använder du länklistan: a. Klicka på knappen Lägg till länk. Du får upp EPiServers länkverktyg* b. Under länkmål är Sida för denna webbplats förvalt och den använder du för att länka till sidor inom webbplatsen. c. Om du ska länka till externa webbsidor och till rss-flöden väljer du Sida på annan webbplats och klistrar in länkmålet i fältet adress. d. Om du inte vill att länken ska vara sidans namn kan du ge den ett annat namn genom att fylla i fältet Klickbar text. e. Tryck OK f. I länklistan kan du ändra ordningen på länkarna genom att använda de gröna pilarna till vänster om länken för att flytta den upp och ner. g. Om du behöver ändra länken så använder du pennan, och om du vill radera den så använder du det röda krysset. 10

Mallar Startsida Startsidan är den sida som är mest omgjord i vår nya version av webbplatsen. Vi har renodlat de olika spalterna till att bara kunna innehålla specifika listningar och moduler för att sidan ska bli mer intuitiv och läsbar för besökaren. Storlek på bilder Bildstorleken för 1. Kampanjyta är 720 pixlar x 261 pixlar. Bildstorleken för 2. Bli Medlembanner är 674 pixlar x 100 pixlar. Bildstorleken för 3. Huvudnyhet är 322 pixlar x 174 pixlar. Bildstorleken för 4. Utvalda nyheter är 92 pixlar x 68 pixlar. 11

Kampanjyta På startsidan har du möjlighet att lägga upp en eller flera kampanjer i sidhuvudet, ovanför menyn. Kampanjer läggs upp på samma sätt som moduler i trädstrukturen (se avsnittet Skapa moduler på sidan 34 nedan), dvs. man skapar en behållare (container)* under vilken man skapar kampanjsidor. Så här gör du för att välja ut vilken/vilka kampanjer som ska visas på startsidan: a. Skapa en behållare* som du placerar under startsidan i trädet. Använd sidmallen Ny - vanlig webbsida. b. Under behållaren skapar du sidor med hjälp av sidmallen Ny TopGalleryItem (bilden ovan). Du behöver skapa en sida per kampanj och det får plats max tre kampanjer i kampanjytan. c. Tryck på knappen med tre punkter för att infoga en bild från eller ladda upp en bild till filhanteraren*. 12

d. Tryck på knappen med tre punkter för att länka bilden med EPiServers länkverktyg* e. Texten du skriver in i namnfältet (överst i mallen) och i Pufftextfältet (nederst i mallen) kommer att visas i textboxarna till höger i kampanjytan. f. En nyhet från förra versionen är att du nu kan välja om du vill ha 1, 2 eller 3 kampanjer rullande på startsidan samtidigt. Ytan anpassar sig automatiskt istället för att du som tidigare fick ett tomt hål om du valde 1 eller 2 kampanjer. 13

Fliken innehåll Fliken innehåll har följande egenskaper: Namn är det som sidan kommer att heta i sidträdet och det som kommer att visas i webbläsarens adressfönster (www.socialdemokraterna.se/hem/) 1. Toppbilder (=Kampanjyta): se ovan hur du skapar innehåll till kampanjytan. Här kan du även läsa om hur du väljer vilken eller vilka kampanjer som ska visas på startsidan. När kampanjsidans behållare och kampanjsida med innehåll finns på plats gör du så här: a. Välj fliken innehåll på din startsida (dvs. den som heter Hem). b. Vid fältet Länk till sida med toppbilder trycker du på knappen med tre punkter Därefter pekar den ut den behållare du skapat för kampanjer. 14

Fliken inställningar för modulblock 5. Vänster-topp-modul och höger-topp-modul: Här väljer du vilken typ av innehåll du ska ha i vänster- och högerfälten under de Utvalda nyheterna på. Du kan välja mellan en Senaste nytt, Twitterflöde, Kalender, RSS-flöde eller att inte ha någon modul alls. a. Twitterflödet: Om du vill att twitterflödet endast ska visa tweets som innehåller ett sökord eller en #tagg skriver du in det i fältet Twittersökning eller hashtag. I fältet Twitterkonto fyller du från vilket twitterkonto du vill hämta twitterflödet. Du behöver inte använda @tecken. b. Senaste nytt: Välja nyhetslista genom att klicka på knappen med tre punkter och välj den behållare* i trädet som nyheterna är placerade under. Skriv in det antal nyheter du vill ska visas på startsidan. c. Kalender fungerar på samma sätt som senaste nytt. 15

d. RSS-modul: Här kan du skapa ett nyhetsflöde hämtat från en rss-källa. Du kan skriva rubrik till flödet, ange och antal inlägg som ska visas. Själva flödet får du fram genom att använda funktionen länklista (se sidan 10). Du väljer här Sida på annan webbplats och i adressfältet klistrar du in den adress du får fram i browserns adressfält när du trycker på rss-symbolen för det flöde du vill använda. 6. Vänster-botten-modul: Används bara på sidmallen Ny-Huvudsida. Se avsnittet som beskriver denna. 7. Höger-botten-modul: Används bara på sidmallen Ny-Huvudsida. Se avsnittet som beskriver denna. Startsidans högerkolumn Innehållet i högerkolumnen på startsidan (och andra sidor) styr du med hjälp av så kallade dynamiska egenskaper*. Dynamiska egenskaper används för att samtidigt spara en egenskap på en eller flera sidor. De lagras alltid på den sida som du har markerat och på alla dess undersidor. Om du har andra värden lagrade för någon av undersidorna kan du välja att behålla dem eller skriva över värdena. Gör så här för att välja innehåll till startsidans högerkolumn: a. Klicka på din startsida (sidan Hem) b. Klicka på knappen Ändra dynamiska egenskaper i verktygsfältet över informationsträdet c. Välj fliken Moduler d. Här kan du välja ut vilken typ av moduler du vill ska visas i högerkolumnen. Se sidan 32 för hur du skapar modulerna. * Du kan söka på denna term i handboken. 16

Huvudsida Huvudsidan är framförallt är en startsida för toppmenysektionerna. Den här sidan ska du använda för att puffa för innehållet i sektionen och locka besökaren att läsa vidare. Du använder den för dina huvudmenyval i trädet, de som visas som länkar i toppnavigeringen. Fliken Innehåll 17

Samtliga dessa egenskaper finns beskrivna i EPiServers onlinehandbok. Fliken inställningar för modulblock Egenskaperna på huvudsidans modulblockflik är exakt desamma som på startsidans flik med samma namn (se sidan 11 ovan). På denna mall kan du dock även använda egenskaperna Vänster-botten-modul och Högerbotten-modul. Innehållet du lägger i dessa två moduler lägger sig under den listning du har lagt i Vänster-topp-modul och Höger topp-modul. Om du vill ha en listning istället för Vänsterpuffar lägger du denna i Vänster-topp- modul. Listningen pekar du ut på samma sätt som i toppmodulerna (se startsidans egenskaper här ovan). Du kan välja mellan en Ny-Nyhetslista, Ny-Kalender eller RSS-flöde. Fliken artikel Se avsnittet om Vanlig sida, Fliken Artikel på sidan 22. 18

Fliken Funktioner 5. Bildspel från Flickr Se avsnittet Vanlig sida, sidan 26. Vanlig sida och nyhetssida 19

Sidmallarna Ny - Vanlig webbsida och Ny Nyhet är den vanligaste sidmallarna när du ska publicera information på webbplatsen. De är mycket lika varandra, men har vissa skillnader. Vanlig webbsida kan användas både som informationssida och som behållare* för listningar av andra sidor eller som länksida till andra sidor på den egna, eller på andra, webbplats(er). Behållare för nyheter ska vara sidmallen Ny Nyhetslista. Sidmallarna innehåller en rad funktioner som bildspel, möjlighet att visa Youtube-filmer med mera. Funktionerna beskrivs här efter hur de är placerade i webbsidans visaläge. Fliken innehåll 20

Under fliken innehåll lägger man det mest grundläggande innehållet, namn och brödtext. 1. Namn: Sidans namn blir dess rubrik. Det visas även i trädstrukturen, i brödsmulespåret och i navigeringen. 2. Editor: Sök på Funktioner i editorn* i handboken för att få veta mer om hur du använder editorn. 3. Moduler: Om du vill lägga till en modul i högerkolumen som enbart ska visas på den sida du lägger upp den på ska du använda egenskapen högerpuffar. Om du vill kunna återanvända dina moduler på flera ställen ska du använda dynamiska egenskaper*. Läs mer om hur du skapar moduler i avsnittet Moduler på sidan 32. 21

Fliken Artikel Fälten på fliken artikel använder du enbart om du lägga upp sidan som en huvudnyhet eller utvald nyhet på startsidan. 22

1. Artikelrubrik använder du om du vill att annat länknamn än sidans namn ska visas på startsidan. 2. Pufftext använder du för att skriva en kortfattad ingress som enbart visas på startsidan och inte på själva sidan. 3. Bild: Den bild du lägger in här kommer att visas på startsidan, som en liten bild artikeln används som utvald nyhet. Bild alternativ text: här skriver du in en beskrivning av bilden som gör det möjligt för synskadade att tolka bilden. Här kan du läsa om hur du skriver alternativa texter på ett bra sätt: http://webaim.org/techniques/alttext/ 4. Stor pressbild: Kryssa i om artikeln ska användas som huvudnyhet. 23

Fliken funktioner Under fliken funktioner har du möjlighet att lägga in innehåll gör sidan mer attraktiv. Här går vi igenom de viktigaste och mest använda. 1. Formulär Läs mer om hur du skapar formulär* i handboken. 2. Fillistning Med hjälp av funktionen fillistning kan du lyfta in en del av filhanteraren direkt på webbsidan. För att göra detta öppnar du filhanteraren och letar 24

fram den mapp du vill visa på sidan. Klicka på en fil i mappen för att få fram en sökväg, till exempel /Global/Personal. Sökvägen kopierar du och klistrar in i fältet Sökväg till katalog som ska visas. Under Sortera filer efter bestämmer du hur sidorna ska sorteras. 3. Listor Hämta listning från* hämtar den utpekade sidans barn och presenterar dem i en lista. Om sidan har en text inmatad i pufftextfältet under fliken Artikel (se ovan sidan 18), kommer denna att visas under rubriken. I Typ av sida i listning väljer du ut om du bara vill lista en särskild sidmall, t.ex. Vanlig webbsida. Med Antal sidor att lista kan du välja antal sidor som skall listas. 4. Nyligen ändrade sidor Visar en lista med sidor som blivit ändrade från den startnod du anger vid Visa sidor från, under det tidsspann som anges i fältet Visa sidor som ändrats de senaste X timmarna. 25

5. Bildspel från flickr Hämtar bilder från Flickr och visar upp dem i ett bildspel i mitten på Huvudsida och ovanför rubriken på Ny - Vanlig sida och Ny - Nyhet. I RSS-feed för Flickr anger du sökvägen för bildspelet genom att använda funktionen Extern länk*. För att hämta RSS-flöde från Flickr går du till www.flickr.com/flickr-s, om det är bilder från vårt centrala Flickrkonto du är intresserad av. Du kan även hämta bilder från eget Flickrkonto där du har lagt in bilder. Det går att hämta RSS-flöden från enstaka album (Sets) eller från hela flödet. Länken hittar du genom att klicka på RSS-symbolen (se bilden nedan) och kopierar adressen i adressfältet. Den ska se ut så här: http://api.flickr.com/services/feeds/photoset.gne?set=721576218721489 30&nsid=34709570@N06&lang=en-us. 26

I Visa antal bilder skriver du in hur många bilder du vill att bildspelet ska visa. Om du inte vill starta från bild ett skriver du in vilken bild bildspelet ska börja med i Starta från. Kryssa i Autoplay om du vill att bildspelet ska upprepa sig och börja om från början när det kommit till sista bilden. 6. Youtubefilm Med Youtubefunktionen kan du lägga upp ett Youtube-filmklipp på din sida. Den visas då ovanför rubriken på sidan. Du kan antingen hämta 27

filmklipp från vår Youtubekanal som har adressen http://www.youtube.com/socialdemokraterna eller lägga upp filmer från en egen kanal. I VideoID skriver du in ID-nummer på videon du vill visa. ID hittar du sist i webbadressen efter / (i kort länk) alternativt efter watchf?v= (i lång länk): Kort länk: http://youtu.be/sjgrwfqeevw lång länk: http://www.youtube.com/watch?v=sjgrwfqeevw Kryssa i Autoplay om du vill att filmen automatiskt ska börja om från början när den kommit till slutet. 7. Länklista Länklista ger dig möjlighet att lägga till ytterligare en navigeringsnivå under din vanliga sida, i form av en länklista som visar länkar i två 28

kolumner. I Lista från sidor pekar du ut sidan i trädet vars underrubriker skall listas. 8. Loggor 9. Ladda ner som.zip Ladda ner som zip kan t.ex. användas för att göra det möjligt för besökaren att ladda ner ett antal bilder eller loggor i olika format en enda gång i en enda zippad katalog, i ställer för att ladda ner filerna en och en. För att peka ut en katalog med bilder måste du först ladda upp bilderna till en katalog i uploadkatalogen. Klicka på mappen för att få fram en sökväg, till exempel /upload/central/loggor/. Sökvägen kopierar du och klistrar in i fältet Katalog med bilder. 10. Editor* Här kan du skapa innehåll av valfri typ som hamnar längst ner på sidan. 29

Fliken Inställningar Under fliken inställningar hittar du egenskaper som har att göra med hur sidan syns eller inte syns på olika ställen i webbplatsen. Fliken finns på samtliga sidmallar och har ett antal standardegenskaper. Dessa kan du slå upp i on-linehandboken. Sidmallarna Ny- Vanlig sida och på Ny - Nyhetssida har dock ett antal egenskaper som är unika för vår webbplats. 1. Standardegenskaper: dessa egenskaper finns beskrivna i handboken. Egenskapen Sidans namn i webbadress är dock så viktig att den fått ett eget avsnitt - Byta namn på sida- i början av denna handbok, på sidan 8. 2. Dölja sidan i brödsmulespår: denna egenskap bör man använda om sidan inte har något eget innehåll utan är en så kallad behållare*. 3. Dölja vänster kolumn: Klickar du i denna döljs vänstermenyn. 30

4. Egenskaper för snabblänkar visas i sidfoten. Med egenskapen kan du välja att dölja var och en av funktionerna Tipsa, Skriv ut, Dela och Bli medlem. 5. Visa skapadatum: klicka i denna om du vill att det datum när sidan ändrades senast visas. För att datumet ska bli korrekt måste du kryssa i Markera sidan som ändrad. Detta för att du ska ha möjlighet att göra småjusteringar som t.ex. stavfel utan att detta datum uppdateras. Fliken kategorier Under fliken Kategorier kan du kryssa i vilka ämnesområden sidan rör. Dels kommer kategorierna att visas som taggar och dels kommer det att visas länkar som är relaterade till din sida, dvs. som har samma kategorier. 31

Moduler Skapa moduler Moduler är innehållsblock med olika funktioner som kan placeras ut på olika ställen på webbplatsen, framför allt i högerkolumnen på sidorna. Socialdemokraterna på Facebook är ett exempel på en modul. När du skapar moduler ska du samla dem under en så kallad behållare*. I de flesta fall finns det redan en modulbehållare i din struktur som heter [Moduler]. Om det inte finns någon modulbehållare måste du skapa en sådan. Använd sidmallen Ny - Vanlig webbsida och döp den till [Moduler]. Modulbehållaren placeras längst ner i din gren i informationsträdet genom att du drar den dit och släpper den. Se till att sidan inte är synlig i navigeringen genom att i redigeraläget välja fliken Inställningar* och klicka ur Visa sida i menyer*. När man skapar en modul använder man särskilda sidmallar i EPiServer, och varje modul motsvarar en sida i EPiServer. De modulsidmallar du främst kommer att använda är: Ny Modul Flickr 32

Ny Modul Twitter/Bloggy Ny - Modul Youtube Ny Modul Länkar o Ny Modul Länk Ny Modul RSS Ny Modul Listning Ny Banner Ny- Banner - Facebook Fanbox För att skapa en modul klickar du på modulbehållaren och väljer ny sida. Därefter väljer du modulsidmall utifrån vilken typ av modul du vill skapa (se nedan för beskrivning av hur de olika modulerna fungerar). 33

Använda moduler Moduler används i högerkolumen på Ny - Vanlig sida, Ny - Nyhet och på Huvudsida. De används även i vänsterspåret på huvudsidan. Där är det främst tänkt att du ska lägga banner av sidmallen Ny-banner. Moduler med dynamiska egenskaper Återanvända moduler Under t.ex. Socialdemokraterna/[moduler] i trädet finns det många moduler som du har möjlighet att återanvända om du vill. Några exempel är Engagera dig, S På Facebook och Socialdemokraterna på Flickr. Använda moduler för en hel struktur Om du vill att dina moduler ska visas på alla sidor i en gren, i stället för att lägga in dem sida för sida kan du använda dynamiska egenskaper *. Dynamiska egenskaper lagras alltid på den sida som du har markerat och på alla dess undersidor. Om du har andra värden lagrade för någon av undersidorna kan du välja att behålla dem eller skriva över värdena. 34

Modulbeskrivningar Flickr Flickrmodulen använder du till att hämtar bilder från Flickr och visa upp dem i ett galleri på din sida. Flickr-modulen ska placeras i högerspåret. På www.flickr.com/flickr-s finns vårt centrala Flickrkonto, som du kan använda. Du kan även hämta bilder från ett Flickrkonto där du har lagt in egna bilder. Så här gör du: a. Klicka och välj din modulbehållare (se ovan). b. Välj mallen Ny Modul Flickr. c. Ange namn på bannern i fältet Namn. Det är et namn som modulen kommer att ha i EPiServers trädstruktur, och det kommer att visas i det röda fältet överst i modulen. Namn kan inte lämnas tomt. d. I fältet Rss-feed för Flickr anger du sökvägen för galleriet genom att använda funktionen Extern länk (se avsnitt 5. Bildspel från flickr, på sidan 26). e. Skriv i det antal bilder du vill att galleriet ska visa i fältet Visa antal bilder. 35

f. Ange sökväg till den plats på Flickr där du hämtar ditt galleri från i fältet Se fler länk. Detta kan vara länk till hela flödet (t.ex. www.flickr.com/flickr-s )eller till ett enskilt set (t.ex. http://www.flickr.com/photos/flickrs/sets/72157622542004879/). g. I fältet Text till länk anger du vad det ska stå i länknamnet för den länk du lagt in ovan. Denna textlänk placeras längst ner i modulen. h. Spara och visa modulen. i. Förhandsgranska sidan. Om du inte nöjd väljer du att redigera igen. Är du nöjd väljer du att Publicera sidan och den blir då synlig för besökare och visas i högerkolumnen. Twitter/Bloggy För att skapa en Twitter- eller Bloggymodul gör du så här: a. Markera den plats i strukturen där Twitter/Bloggy-modulen ska placeras. b. Välj mallen Ny Modul Twitter/Bloggy. c. Ange namn på modulen i fältet Namn. Namnet visas i det fältet överst i modulen. d. I fältet Twitter Feed URL anger du sökvägen ditt Twitter- eller Bloggyflöde. Rss-feeden från twitterkontot skapar du genom att skriva in twitterprofilnamnet i följande adress: http://twitter.com/statuses/user_timeline/.rss För 36

Överkalix blir det t.ex. http://twitter.com/statuses/user_timeline/sioverkalix.rss e. Alternativet Toppfärg väljer du för att styra färgen på toppen av modulen. f. Kryssrutan Dölj ram använder du för att dölja ramen på modulen. g. Kryssrutan Dölj RSS-knapp använder du för att dölja knappen i botten av modulen. h. Kryssrutan Dölj Bädda in -knapp använder du om du inte vill att denna ska synas i modulen. i. Inläggsrubrik: j. I Editorfältet behöver du inte skriva in något. Youtube I Youtubemodulen kan du lägga upp ett antal Youtube länkar i högerspåret. När besökaren klickar på länkarna öppnas dessa på en Youtubesida. Du kan antingen hämta filmklipp från vår Youtubekanal har adressen http://www.youtube.com/socialdemokraterna eller lägga upp filmer från en egen kanal. Så här gör du: a. Klicka och välj din modulbehållare (se ovan). b. Välj mallen Ny Modul Youtube. 37

c. Ange namn på modulen i fältet Namn. Det är det namn som kommer att visas i det röda fältet överst i modulen. d. I fältet Youtube-användare skriver du in namnet på den användare som laddat upp filmen på Youtube. Om du ska använda den gemensamma kanalen skriver du Socialdemokraterna. e. I fältet Youtube-playlist skriver du in ID-nummer för den film eller den spellista du vill visa. f. Skriv i det antal filmer du vill att galleriet ska visa i fältet Visa antal filmer. g. Ange sökväg till hela spellistan i fältet Länk till mera filmer, inklusive http://. h. I fältet Text till länk skriver du vad det ska stå i länknamnet för den länk du lagt in ovan. Länkar Länkar är främst tänkt att använda för Engagera dig, som innehåller ikoner och länkar till Bli ett fan, Börja twittra, Få nyheter, Bli medlem Ge en gåva, och Köp prylar. Modulen byggs upp som en gren med en modulbehållare vars sidor blir ikoner och länkar i boxen. Så här gör du: 38

Länkbehållarsidan Länksidan a. Klicka och välj din modulbehållare (se ovan). b. Välj mallen Ny Modul Länkar. c. Ange namn på modulen i fältet Namn. Det är et namn som modulen kommer att ha i EPiServers trädstruktur, och det kommer att visas i det röda fältet överst i modulen. d. Klicka och välj din länkbehållarsidan ovan. e. Välj mallen Ny Modul Länk. f. Ange namn på modulen i fältet Namn. Namnet kommer att bli en av länkarna i boxen. g. Skriv in alt-text till ikonen(se sidan 22). h. Ladda upp ikoner (en stor och en liten) till din länk. RSS 39

Modulen RSS använder du om du på din webbplats vill lägga upp en listning av en eller flera lokala bloggar. Är det flera bloggar du vill ska visas i modulen så lägger du en RSS-feed per rad i editorn. URL:en för RSS-feeden hittar du under symbolen på respektive blogg. För att skapa en RSS-modul gör du annars precis som beskrivs för modulerna ovanför. Listning Så här skapar du en listning: a. Klicka och välj din modulbehållare (se ovan). b. Välj mallen Ny Modul Lista. c. Ange namn på modulen i fältet Namn. Det är et namn som modulen kommer att ha i EPiServers trädstruktur, och det kommer att visas fältet överst i modulen. d. Tryck på knappen efter fältet Startnod för listning. Du får nu upp EPiServers länkverktyg för intern länkning, i vilket du pekar var dina nyheter ligger. e. Skriv i det antal länkar du vill ska visas i listan i fältet Visa antal sidor. 40

f. I fältet Text till länk anger du vad det ska stå i länknamnet för den länk du lagt in ovan. Denna textlänk placeras längst ner i modulen. Banner Med bannermodulen kan du ta fram moduler med många utseenden och funktioner. Här kommer några exempel. Observera att mallen ovan är photoshoppad (och att den optimala bredden om du gör en egen är 200 pixlar) och har innehåll från alla modulerna till vänster om den. Så här använder du bannermodulen: a. Välj mallen Ny Banner, och formuläret för den mallen visas b. Ange namn på bannern i fältet Namn. I vissa fall blir namnet en rubrik/länk, som i exempel ett ovan, Våra riksdagsledamöter. c. I editorn kan du skriva in en kort text, som i exempel ett ovan. 41

d. Du kan peka ut en bild med hjälp av EPiServers filhanterare* som i exempel två ovan. e. Bilden kan länkas med hjälp av EPiServers länkverktyg* f. I editorn längst ner kan du infoga html, så att du kan skapa en modul som exempel tre ovan illustrerar. Kontakta webbredaktionen för att få veta mer om hur du gör. Banner Facebook Fanbox Bannermodulen lämpar sig också utmärkt att använda för att lägga ut en Facebook Fanbox för din fansida på Facebook. Observera att instruktionerna nedan inte gäller om du har en Grupp på Facebook. a. Gå till http://developers.facebook.com/docs/reference/plugins/like-box/ b. Skriv in Facebook-sidans URL. c. Välj 200 pixlar i bredd (denna modul rekommenderar vi till högerspåret därför storlek 200 pixlar) Välj höjd om du vill ha en annan än den som föreslås, dock inte nödvändigt. d. Välj Color Scheme light. e. Klicka ur boxen om du inte vill visa vilka medlemmar som finns i gruppen. f. Border color skriv red g. Stream - här kan du välja om du vill att inläggen i fanpagen ska synas. Rekommenderas inte, men det är en smaksak. 42

h. Klicka sen på "get code". Välj iframe-koden och kopiera (se till att få med hela koden) i. Gå till EpiServer och skapa en ny sida av sidtypen "Ny-Banner". j. Scrolla längst ner på sidan och klistra in koden i rutan som heter Editor. Ovanför denna står det:.eller vad som helst. k. Döp bannern. l. Publicera. m. Nu kan du lägga din Fanbox i högerspalten på valfri sida genom att gå in i Dynamiska egenskaper. Vanliga fel Webbplatsen låser sig Ibland lägger sig dialogrutor bakom webbläsarfönstret. Det får till följd att det inte går att klicka i detta, det känns som sidan låst sig. När det händer flyttar du fönstret så kommer du att se att dialogen ligger där. Om den inte gör det har verktyget verkligen låst sig och du måste troligen starta om webbläsaren och logga in igen. Problem med att komma tillbaka till redigeraläge När du är ute i visaläge och Till redigeraläge inte visar sig när du högerklickar kan du manuellt skriva in följande i url:en för att komma tillbaka till redigeraläge: http://www.socialdemokraterna.se/sap/cms/edit 43