Manual för att komma igång i SiteVision Innehåll:

Transkript

1 Manual för att komma igång i SiteVision Innehåll: Bra att veta - tips och trix i SiteVision3 Hjälp - Ny sida Hjälp - Ny sida kommentarfunktionen Hjälp - Klistra in rent Hjälp - Bild Hjälp - Öppettider och ankare Hjälp - Mer information Hjälp - Självservice Hjälp - Vanliga frågor Hjälp - Nyhet och mer information

2 Bra att veta samt tips och trix i SiteVision 3 Här hittar du några korta instruktioner för hur du gör vissa moment i SiteVision. Logga in i redigeringsgränssnittet Klicka på logga in i sidfoten, skriv i dina inloggningsuppgifter och tryck på Logga in. Därefter klickar du på den gröna knappen längst ner till höger i webbläsaren för att komma in i redigeringsgränssnittet. Navigator Detta är där webbplatsstrukturen finns. Där kan du se webbsidor, mappar och arkiv. Innehåll Detta är det innehåll som finns kopplad till en sida, exempelvis ett antal moduler och innehållsytor. Varje sida har ett eget innehåll. Olika vyer För att hoppa mellan de olika vyerna klickar du på ikonen för att visa vilka vyer som finns. Här kan du välja mellan Navigatorn, Bildarkivet och Filarkivet. Resterande vyer är inget en redaktör behöver använda sig av. Verktygslisten Består av från vänster till höger, Skapa ny, Spara, Förhandsgranska, Publicera, visningsläge, Textmodul, Bildmodul och Modulväljaren Förhandsgranska Här kan du se hur ditt innehåll kommer att se ut i en webbläsare utan att behöva publicera det. Visningsläget Här kan du se hur ditt publicerade innehåll ser ut. Du kan spara innehåll utan att publicera. Då är det de publicerade innehållet du ser i visningsläget men det sparade innehållet du ser i förhandsgranska.

3 Publicera Klicka på ikonen för att publicera och ta dig igenom publiceringsflödet. Fyll i eventuella obligatoriska metadatavärden samt kontrollera så länk och tillgänglighetskontrollen blev godkänd. Blev kontrollen inte godkänd, åtgärda problemet innan du fortsätter publicera. Skapa ny sida Välj ikonen för att skapa en ny sida. Välj vilken sidtyp, skriv i sidans namn och välj vilken mall den ska använda. Fyll sedan sidan med innehåll. Skapa artikel Markera nyhetsarkivet, välj skapa ny, välj sedan vilken mall sidan ska använda. Fyll sedan sidan med innehåll. Alternativt använd länken i nyhetsmodulen. Det krävs att du är inloggad samt att du är i Förhandsgranskatläge eller visningsläget för att se länken. Viktigt! Ändra INTE namnet på modulerna Rubrik, Bild, Ingress och Innehåll. Formatmallar Rubrikformatmall används till rubriker. Styckesformatmallar används till hela stycken. Teckenformatmallar används till specifika ord i stycken.

4 Punktlistor Markera text och välj punktlista eller Högerklicka i textmodulen och välja "Punktlista". För nästlad punktlista, skapa en vanlig punkt i en punktlista, klicka ENTER för en ny rad. Markera den tomma raden och klicka på tab-tangenten. Tips! Håll nere SHIFT och tab-tangenten samtidigt för att komma tillbaka till ursprungsnivån. Skapa länk Markera texten, högerklicka och välj, skapa länk. Välj om det ska vara en Internsida, Externsida, E- post, Fil eller Bild. Välj om sidan ska öppnas i ny webbläsare eller inte. Glöm INTE att fylla i länkbeskrivningen! Förhandsgranska, redigera och ta bort länk Markerar den befintliga länken och sedan högerklickar du på den. Välj de alternativ som passar bäst. Lägg till bild Välj bildmodulen, klicka dig fram eller sök dig till den bilden du vill visa. Under Bildbeskrivning fyller du i alt-texten för bilden. Detta är jätteviktigt! Under Inställningar kan du skapa en länk av bilden men glöm då inte att lägga till en länkbeskrivning!

5 Flöda text kring bild Det första du ska tänka på när du ska flöda en bild är att bild modulen måste vara över den modulen bilden ska flödas runt. Högerklicka sedan på bildmodulen och välj Flöde. Här kan du välja hur bilden ska flöda. Välj Flöda höger om du vill att bilden ska ligga till höger och Flöda vänster om du vill att bilden ska ligga till vänster. Om du har satt att en bild ska flöda men vill ta bort detta så högerklickar du på bilden igen, väljer Flöde och väljer Flöda inte. Glöm dock inte att testa er flödning i de mobila enheterna så utseendet även ser bra ut om man exempelvis använder en mobil eller en tablet. Modulväljaren Klicka på ikonen för att hitta moduler, exempelvis tabellen. Du kan lägga till favoriter och ändra hur många Senaste använda moduler visas. Detta görs under Anpassa Skapa en tabell Du kan skapa tabeller med tabellmodulen. Glöm INTE att lägga till en kolumn/spalt rubrik samt minst tabellsammanfattningen men gärna även en Tabellrubrik också. under Alternativ kan du ändra utseendet på tabellen genom att exempelvis lägga till varannanradsfärg eller en kantlinje. Flytta modul För att flytta en modul, markerar du den under Innehåll, håller nere SHIFT och dra den till rätt plats med musen. Du kan även markera modulen i redigeringsgränssnittet, hålla nere SHIFT och flytta modulen till önskad plats. Ett svart streck visas om det grå att placera modulen just där.

6 Flytta sida För att flytta en sida markerar du den i Navigatorn, håll nere SHIFT och dra den till rätt plats med musen. När du flyttar sidan så kan du antingen placera den mellan två sidor eller under en befintlig sida eller mapp. Om du släpper sidan när ett horisontellt grått streck syns i navigatorn(bild 1) innebär detta att sidan du flyttar kommer att placeras mellan de sidor där det grå strecket befinner sig. Om du däremot släpper sidan när en annan sidas namn är gråmarkerat (Bild 2), kommer sidan du flyttar att placeras som en undersida till den gråmarkerade. (Bild 1) (Bild 2) Byta namn på sida eller modul För att byta namn på en sida eller en modul så högerklickar du på sidan eller modulen, väljer Byt namn, skriver in det nya namnet, avsluta med ENTER. Glöm inte att trycka på ENTER för att spara! Sätta avstånd kring moduler eller layouter Högerklicka och välj Egenskaper för modulen eller layouten. Ställ in avstånd (CSS paddings) åt valfri riktining.

7 Lägga två moduler bredvid varandra Vill du lägga två moduler bredvid varandra så görs detta med en kolumnvis layout. Markera karbinen under Innehåll. Högerklicka på karbinen och välj Lägg till layout och välj Kolumnvis (Horisontell). Dra sedan in de moduler du vill placera bredvid varandra i den kolumnvisa layouten. Om du vill begränsa bredden på till exempel en textmodul ska du markera denna modul under Innehåll, högerklicka och välja Egenskaper. Under fliken Inställningar kan du under rubriken Storlek och position välja att ställa en bredd. Glöm inte att om ni ska sätta bredder på det olika modulerna så görs detta med procent och inte pixlar eller em. Detta då en pixelbredd kan förstöra det mobila utseendet. Återigen, testa era utseenden i mobila enheter. Lägg till bakgrundsfärg eller bakgrundsbild på en modul eller layout Högerklicka och välj Egenskaper för modulen eller layouten. Välj Utseende. Här kan du välja att ställa in bakgrundsfärg Lägg till kantlinjer på en modul eller layout Högerklicka och välj Egenskaper för modulen eller layouten. Välj Utseende och sedan Kantlinjer. Här kan du ställa in bland annat tjocklek, färg och typ av kantlinje. Du kan även välja att enbart ställa in Vissa av kantlinjerna.

8 Använd dekorationer För att använda dekorationer så markera den textmodul du vill ska använda en dekoration. Högerklicka och välj Använd dekoration. Välj dekorationen du vill ha och klicka på OK. För att ta bort en dekoration välj igen Använd dekoration och välj alternativet Använd ingen dekoration som finns längst ner i listan Bildarkivet Här lagras alla bilder som finns på webbplatsen. Klicka dig fram eller sök efter en bild. För att lägga till en bild, markera den mapp du vill att bilden ska hamna i och välj Lägg till bild. Du kan lägga till flera bilder åt gången genom att hålla nere CTRL och markera flera bilder samtidigt. Om du håller på att skriva över en befintlig bild så kommer det upp en varning. Det är viktigt att alla bilder läggs i mappar. Du skapar en mapp genom att välja Skap ny och välj mapp. Namnge mappen och spara. Filarkivet Här lagras alla filer som finns på webbplatsen. Klicka dig fram eller sök efter en fil. För att lägga till en fil, markera den mapp du vill att bilden ska hamna i och välj Lägg till fil. Du kan lägga till flera filer åt gången genom att hålla nere CTRL och markera flera filer samtidigt. Om du håller på att skriva över en befintlig fil så kommer det upp en varning. Det är viktigt att alla filer läggs i mappar. Du skapar en mapp genom att välja Skap ny och välj mapp. Namnge mappen och spara. Behöver du hjälp Längst ner i varje modul finns ett frågetecken. Klickar du på detta kommer du till SiteVisions online hjälp där du kan hitta bra information för att kunna lösa dina fundering. Hittar ni inte svaren här så be projektägaren om hjälp för att kontakta Bouvet så ställer vi upp för eventuella frågor. Om webbguiden inte öppnas när du klickar på frågetecknet beror du på att din webbläsare är inställd på att inte tillåta pop-ups. Detta åtgärdar du genom att ändra inställningarna för detta innan du klickar på frågetecknet.

9 Hjälp Ny Bouvet Syd Ellinor Välj plats Markera platsen du vill att sidan ska hamna under. En ny sida hamnar alltid som undersida till den sidan du har markerat i navigatorn. På bild 1, nedan, så kommer en ny sida hamna som en undersida till sidan Kommun och politik. På bild 2, nedan, så kommer en ny sida hamna under sidan Kommunfakta. Se bilder nedan. Bild 1: Bild 2: Skapa ny sida Klicka på ikonen för att skapa en ny sida. Den som ser ut som ett papper med en liten sol på.

10 Döp sidan och välj mall Döp din sida till de du vill att det ska stå i navigationen och gärna som rubrik på sidan också. SiteVision kommer automatiskt fylla i sidrubriken utifrån vad som står i navigationen. Välj mallen Undersida. Tryck på Ok och din nya sida kommer nu skapas på platsen du valt ut. Fyll i innehåll Fyll i önskat innehåll. Publicera din sida. Publicera sida med knappen som ser ut som ett papper med en grön pil. Se bilden nedan.

11 Hjälp Ny Bouvet Syd Ellinor Lägg till kommentarsfunktion Vill du att användarna ska kunna kommentera innehåller på sidan så går du till din sida som ska visas denna funktion. Längst ner på sidan ligger kommentarsfunktionen på varje sida. Som standard är denna dold. För att aktivera denna klickar ni på Visa kommentarsfunktion. Se bilden nedan.

12 Publicera din sida. Du måste publicera sidan efter kommentarsfunktionen har aktiverats för att den ska visas utåt. Publicera sida med knappen som ser ut som ett papper med en grön pil. Se bilden nedan. Aktiverad kommentarsfunktion Varje kommentar måste godkännas innan de läggs upp på sidan. Detta innebär att den personen som senast publicerade sidan blir ansvarig för kommentarerna på den sidan. När en ny kommentar har skrivits så skickas det ett mail till den sidansvarige som då får gå in och godkänna eller neka kommentaren. Avaktivera kommentarer För att avaktivera kommentarsfunktionen så klickar du på Dölj kommentarsfunktion. Glöm inte att publicera om sidan.

13 Hjälp och klistra in Bouvet Syd Ellinor Hjälp Längst ner i varje modul finns ett frågetecken. Klickar du på detta kommer du till SiteVisions online hjälp där du kan hitta bra information för att kunna lösa dina fundering. Hittar ni inte svaren här så be projektägaren om hjälp för att kontakta Bouvet så ställer vi upp för eventuella frågor. Om webbguiden inte öppnas när du klickar på frågetecknet beror du på att din webbläsare är inställd på att inte tillåta pop-ups. Detta åtgärdar du genom att ändra inställningarna för detta innan du klickar på frågetecknet. Se bilden nedan. Klistar in rent - sopkvasten Aktiverar en "tvätt" av text när problem med formattering uppträder vid inklistring av text från externa program. Inklistringen måste göras med snabbkommandot CTRL+V.

14 Hjälp Bouvet Syd Ellinor Standard Som standard kommer en bild läggas till på sidan. Byta bild För att byta bild dubbelklickar ni på bilden på sidan. Välj ut mapp och bild Markera den mapp som ni vet att bilden finns i samt markera bilden ni vill använda. Glöm inte att ni kan förhandsgranska bilden om ni inte kommer ihåg vilkens om är vilken.

15 Sök på bild Vet ni inte vilken mapp bilden finns i kan ni söka fram bilden genom att klicka i rutans sökruta. SiteVision kommer ge förslag på bilder alt eftersom du skriver. Alternativ text Under fliken Bildbeskrivning ska ni fylla i en alternativ text. En alternativ text är en text som beskriver bildens syfte. Exempelvis om det är en bild på ett område som pekar ut var ingången till en byggnad finns så skriver man in en beskrivning till platsen här. Denna text kommer inte visas på sidan. I vissa webbläsare kan man dock se texten om man håller musen över bilden.

16 Bildtext Bildtext är den lilla text som brukar finnas under vissa bilder. Exempelvis fotografens namn. Bildtexten visas alltså på sidan. Lägga till en ny bild För att lägga till en ny bild så trycker du på ikonen för bildmodul (den som ser ut som ett fotografi). Gör sedan stegen ovan för att välja bild och lägga till en alternativ text. Glöm inte att döpa din bildmodul till något logiskt, i innehållsytan.

17 Hjälp Öppettider och Bouvet Syd Ellinor Standard När du skapar en ny sida så skapas öppettider som standard. Se bilden nedan. Ta bort modulen Har er sida inga öppettider så ta bort textmodulen genom att markera modulen i Högerspalten, högerklicka på den och välja Ta bort. Välj Ja när pop-upp rutan visas för att kontrollera om du är säker. Se bilder nedan.

18 Lägga till öppettider Om ni sedan behöver lägga till öppettider igen markerar ni Högerspaltens kabinhake och lägger till en textmodul med ikonen som ser ut som ett A. Se bilden nedan. Döp textmodulen Döp textmodulen till Öppettider för att göra det lättare att se vad som är vad på sidan. Gör detta genom att högerklicka på textmodulen och välj Byt namn. Se bilden nedan. Byt namnet och klicka på Enter för att det ska sparas.

19 Använd dekoration Högerklicka på textmodulen och välj Använd dekoration. Se bilden nedan. Välj dekoration Välj dekorationen Öppettider och klicka på OK. Se bilden nedan. Lägga till innehåll Fyll i de innehåll du vill ha i textmodulen genom att markera order Text och sedan skriva i det önskade öppettiderna. OBS! Ändra inte rubriken Öppettider då detta inte kommer visas utåt på sidan. Anledningen till att ni kan ändra är en bugg i SiteVision som kommer att åtgärdas i framtiden. OBS! Tänk på att det ni skriver i öppettider kommer hamna överst på sidan i den mobila vyn så fyll inte i för mycket text här utan använd då hellre ankare för att länka till andra delar av sidan.

20 Ankare Om det finns väldigt många olika öppettider kan man välja att lägga dessa i exempelvis en tabell på sidan och sedan länka från öppettider. Börja med att skapa en tabell. Fyll sedan i lämplig text i Öppettider i högerspalten. Markera den delen av texten du vill länka till tabellen och välj skapa länk. Markera den sidan du är på under Intern sida. Klicka sedan i checkboxen för Använd ankare. Klicka sedan på knappen Ankare

21 Markera tabellen och tryck på OK. Publicera din sida. Publicera sida med knappen som ser ut som ett papper med en grön pil. Välj Slutför. Se bilden nedan.

22 Hjälp Mer Bouvet Syd Ellinor Markera den sidan Markera sidan som du vill ha Mer information på. Skapa en mapp Högerklicka på sida och välj Ny och sedan Mapp. Se bilden nedan. OBS! I alla bilder sta r det Relaterad information, da r skriver du i sta llet Mer information.

23 Döp mappen Döp mappen till Mer information VIKTIGT! Stavningen samt stora och små bokstäver måste vara exakt Mer information. Se bilden nedan. Lägg till länkar Markera mappen och högerklicka på den. Välj Ny och sedan Länk. Se bilden nedan.

24 Döp din länk och välj länk mål Döp din länk. Det du döper din länk till är det som kommer visas på din sida. Tryck på Bläddra för att peka ut ditt länk-mål. Välj mellan Intern sida, Extern sida och Fil. Se bilden nedan.

25 Länkbeskrivning samt öppnas i nytt fönster Välj att använda länkbeskrivning och fyll i en lämplig länktext. Är länken extern eller en fil ska rutan för att öppna i nyttfönster vara i klickad. Är länken till en internsida på hassleholm.se så ska den inte vara i klickad. Se bilden nedan. Tillgänglighet Välj ja i tillgänglighetsrutan

26 Publicera länken Publicera din länk genom att klicka på publiceringsknappen sin ser ut som ett papper med en grön pil på. Klicka på slutför. Se bilden nedan.

27 Kontrollera din länk För att se att din länk skapades korrekt, gå tillbaka till sidan och gå ut i visningsläget genom att klicka på den gröna knappen. Scrolla sedan ner på sidan och testa din länk i den gråa och gula rutan som nu skapats. Se bilder nedan.

28 Hjälp Bouvet Syd Ellinor Markera den sidan Markera sidan som du vill ha självservice på. Skapa en mapp Högerklicka på sida och välj Ny och sedan Mapp. Se bilden nedan.

29 Döp mappen Döp mappen till Självservice VIKTIGT! Stavningen samt stora och små bokstäver måste vara exakt Självservice. Se bilden nedan. Lägg till länkar Markera mappen och högerklicka på den. Välj Ny och sedan Länk. Se bilden nedan.

30 Döp din länk och välj länk mål Döp din länk. Det du döper din länk till är det som kommer visas på din sida. Tryck på Bläddra för att peka ut ditt länk-mål. Välj mellan Intern sida, Extern sida och Fil. Se bilden nedan.

31 Länkbeskrivning samt öppnas i nytt fönster Välj att använda länkbeskrivning och fyll i en lämplig länktext. Är länken extern eller en fil ska rutan för att öppna i nyttfönster vara i klickad. Är länken till en internsida på Hässleholm.se så ska den inte vara i klickad. Se bilden nedan. Tillgänglighet Välj ja i tillgänglighetsrutan

32 Publicera länken Publicera din länk genom att klicka på publiceringsknappen sin ser ut som ett papper med en grön pil på. Klicka på slutför. Se bilden nedan.

33 Kontrollera din länk För att se att din länk skapades korrekt, gå tillbaka till sidan och gå ut i visningsläget genom att klicka på den gröna knappen. Scrolla sedan ner på sidan och testa din länk i den gråa och gula rutan som nu skapats. Se bilder nedan.

34 Hjälp Vanliga Bouvet Syd Ellinor Markera den sidan Markera sidan som du vill ha de vanliga frågorna på på. Skapa ett arkiv Högerklicka på sida och välj Ny och sedan Arkiv. Se bilden nedan.

35 Döp arkivet Döp arkivet till Vanliga frågor VIKTIGT! Stavningen samt stora och små bokstäver måste vara exakt Vanliga frågor. Se bilden nedan. Lägg till frågor och svar Markera arkivet och högerklicka på den. Välj Ny och sedan Artikel. Se bilden nedan.

36 Välj mall Välj mallen Fråga och svar. Tryck Ok. Se bilden nedan. En ny artikel skapas En ny sida dyker upp i arkivet. Se bilden nedan.

37 Fyll i din fråga och ditt svar. Här fyller du i din fråga i den översta textmodulen som heter Fråga. Du fyller i svaret på frågan i textmodulen som heter Svar. Se bilden nedan. Publicera din artikel. Publicera artikeln med knappen som ser ut som ett papper med en grön pil. Välj Slutför. Se bilden nedan.

38 Kontrollera din länk För att se att din länk skapades korrekt, gå tillbaka till sidan och gå ut i visningsläget genom att klicka på den gröna knappen. Scrolla sedan ner på sidan och testa din länk i den gråa och gula rutan som nu skapats. Se bilder nedan.

39 Hjälp Nyhet och Mer Bouvet Syd Ellinor Skapa ny artikel Efter du har loggat in så hamnar du på startsidan. Om du är inloggad så visas den grön knapp längst ner till höger. Om du är inloggad har du möjlighet att skapa en nyhet direkt i Visningsläget. Tryck på Lägg till artikel som finns precis under nyheterna på startsidan. Se bilden nedan.

40 En ny artikel skapas SiteVision skapar nu en artikel i Nyhetsarkivet. Fyll i innehåll Fyll i önskat innehåll på sidan. OBS! Byt inte namn på modulerna Rubrik och Ingress då SiteVision använder dessa för att visa innehållet på startsidan och genomgångssidorna. Mer information Vill du ha en ruta där du kan fylla i mer information, så skapa en textmodul som du döper till Mer information. Glöm inte att trycka på Enter för att det ska sparas. Se bilder nedan.

41 Högerklicka på textmodulen och välj Använd dekoration. Se bilden nedan. Välj dekorationen Mer information. Se bilden nedan. Fyll i lämpligt innehåll i textmodulen. Förslagsvis med en Punktlista. För att skapa en punktlista högerklickar du på texten och väljer Skapa punktlista. Välj lämplig punktlista. Se bilden nedan.

42 Publicera din sida. Publicera sida med knappen som ser ut som ett papper med en grön pil. Se bilden nedan. Metadata Fyll i de obligatoriska metadata fälten som markeras med en röd stjärna. Se bilden nedan. Ingångssida och Visas på startsidan.

43 Metadata Visas på startsidan Som standard visas inte nyheten på startsidan. För att den ska göra detta klickar man ur boxen Ärv värde över rutan. Man väljer sedan Ja istället för nej. Metadata Ingångssidor Välj den eller de genomgångssidor som nyheten ska visas på. Marker fler genom att hålla in Ctrl eller Shift och markera de önskade sidorna. När du är klar så väljer du Slutför för att publicera din nyhet.

44 Onlinehjälpen finns på