Lathund för hemsidan 3.0

Lathund för hemsidan 3.0 Användarmanual för föreningar Senast uppdaterad 2012-03-05 Innehållsförteckning sida 1. Lagar och regler på internet 2 2. Tips och råd 3 3. Vanliga frågor och svar 3 4. Bakgrund Wordpress 4 5. Hantera din hemsida 5 5.1 Logga in 5.2 Panelen/logga ut 6. Skapa och redigera sidor 7 6.1 Föreningssidan 6.2 Nyheter 6.3 Evenemang (kalendern) 6.4 Kontaktuppgifter 7. Ladda upp filer 11 8. Ladda upp bilder 12 - Bildspel via Flick 9. Länka till en annan sida 15 10. Facebookruta 16 11. Nya jämfört med gamla 16 1

1. Lagar och regler på internet Det finns ett antal lagar som gäller vid publicering på internet. Förutom förbudet mot hets mot folkgrupp och barnpornografi gäller lagar kring upphovsrätt, tryckfrihet, marknadsföring och personuppgiftslagen. Upphovsrättslagen Upphovsrättslagen syftar till att skydda det arbete som fotografer, författare, illustratörer och konstnärer gör och omfattar bilder, texter, fotografier, musik, ljud, programkoder, gränssnitt m.m. Detta innebär att verk (bilder och texter) inte får användas av någon annan än upphovsmannen utan dennes tillstånd, det gäller även bilder och texter som ni kan hitta på internet t.ex. via en google sökning. Tänk på att: När du beställer en bild eller text köper du bara rätten att använda den i ett bestämt sammanhang. Om något ändras eller om en bild eller text ska återanvändas måste upphovsmannen först kontaktas. Skriv alltid ett kontrakt om överenskommelsen när en fotograf tar bilder på uppdrag av föreningen. Bilder och texter med verkshöjd är lagskyddade i 70 år efter upphovsmannens dödsår (rätten ärvs av efterlevande). En fotografisk bild som inte betraktas som verk är skyddad i 50 år efter framställningsåret. Inga ändringar får göras i bilden eller texten utan upphovsmannens tillstånd (beskärningar, retuscher, digital manipulering, osv). Upphovsmannens namn bör sättas ut i samband med bilden eller texten publiceras (behövs inte i reklamsammanhang). Läs mer Bildkonst Upphovsrätt i Sverige: http://www.bus.se Svenska Fotografers Förbund; http://www.sfoto.se/bilder-och-upphovsratt Bildleverantörernas Förening: http://www.blf.se/ Journalistförbundet: http://www.sjf.se/portal/page?_pageid=53,38507&_dad=portal&_schema=portal Personuppgiftslagen (PuL) Namn, kontaktuppgifter och bilder räknas som personuppgifter enligt PuL. Personuppgifter i medlemsregistret får inte lämnas ut till någon utanför föreningen utan personens godkännande. Uppgifter om förtroendevalda får lämnas ut eftersom de räknas som offentliga personer. Att publicera namn och/eller bild på en person på internet är i sig inte förbjudet, om det inte föreställer bilder på barn under 18 år, då krävs tillstånd från förälder/vårdnadshavare. Skulle uppgifterna däremot publiceras på ett sådant sätt så att personen i fråga uppfattar det som smutskastning eller kränkning är det ett tydligt exempel på vad som räknas som kränkning av den personliga integriteten enligt PuL. Tänk på att: Om ni vill fotografera under en aktivitet ni anordnar är det viktigt att informera om detta på plats samt lämna utrymme för att det finns personer som inte vill vara med på bild som kan komma att publiceras på nätet. Är det barn under 18 år som deltar bör föräldrarna tillfrågas innan för att ge sitt samtycke till fotografering. Det kan vara personer som lever med skyddad identitet och som av den anledningen inte vill vara med på bild. Läs mer Datainspektionen: http://www.datainspektionen.se/lagar-och-regler/personuppgiftslagen/publicering-pa-internet/ 2

2. Tips och råd Ordval och typsnitt Tänk på att inte skriva man i meningar. Se det som en utmaning att omformulera meningen och att precisera vem det är som man refererar till. Gör hellre två meningar än en lång, det är mycket enklare att läsa. Det är även lätt att det uppstår syftningsfel om meningarna är långa. Tänk på att inte använda er för mycket av utropstecken och frågetecken eller. Och tänk på att inte använda kursiv text alltför mycket. Rubrik Använd Rubrik 2 alternativt 5 när ni skriver rubriker. Ni kan också välja Stycke och sedan fetstil. Tänk på att ha tydliga, korta och beskrivande rubriker. Några tips: Formulera rubriker kring nyckelorden i texten. Skriv de viktigaste orden i en rubrik först. De ska peka ut målgruppen. Leda in läsaren i ingressen/brödtexten. Mellanrubriker kan användas vid vart tredje stycke eller tätare. Ingress Ingress används ofta om texten är relativt lång för att ge läsaren en kort introduktion till vad texten kommer att handla om. Håll ingressen så kort och informativ som möjligt. Användaren ska veta om den ska fortsätta läsa eller leta vidare efter informationen den söker. Gör ingressen i fetstil, formatering stycke. Brödtext Använd alltid formateringen som kallas Stycke i brödtexten. På en landningssida bör det vara minst 250-300 ord och inte mer än 700 ord. Texten ska delas upp i stycken, det blir då lättare för användaren att läsa samt scanna efter den information de söker. Använd gärna mellanrubriker för att få brödtexten mer lättläst. Tänk på radlängden, använd 55-65 tecken per rad (bredspalt) och 35-45 tecken (smalspalt). Citat Citerar ni någon i texten skriv då Jag är jätteglad över att ha fått det här priset. Eller använd talstreck och inte ett bindestreck -. Länkar Beskriver var du hamnar om du klickar på länken. Ex. Lathund för hemsidan. Mejladresser Skriv alltid ut mejladressen istället för att länka till er e-post eftersom detta förutsätter att alla har e-postkonton installerade på sin dator (fungerar inte för dem som använder ex. hotmail eller gmail). Ex. Kontakta oss gärna via e-post: info@celiaki.se Skriv inte: Kontakta oss gärna via e-post Viktigt att tänka på En webbplatsbesökare har också ofta bråttom och vill uträtta sitt ärende så snabbt som möjligt. Det är därför extra viktigt att texter på webben är överskådliga, lättlästa och informativa. Börja med det viktigaste först, fatta dig kort och använd talande rubriker, underrubriker och länkar. 3

Använd inte animerade bilder som blinkar eller rör sig Rörelser i gränssnittet kan till exempel vara en animation eller att textmeddelanden rullar förbi på skärmen. De flesta användare blir distraherade av rörliga objekt och störda i sin läsning. I synnerhet personer som har lässvårigheter. Rörelser skapar också problem om användaren inte hinner läsa och förstå budskapet. Framför allt ger det inte ett seriöst intryck. Ni har heller inte tillåtelse att visa dessa utan upphovspersonens tillåtelse. Tänk på det även vad gäller era bilder! 3. Vanliga frågor och svar Jag ser konstiga tecken i redigeringsläget Står ni i HTML läget brukar det synas tecken såsom <> = ; etc. Till vänster om publiceringsrutan kan ni välja mellan Visuell/HTML. Klicka på Visuell och ni kommer att se texten som ni är van vid att se den. Ibland är det bra att kunna växla till HTML läge för att hantera vissa formateringar som är svåra att komma åt via det visuella läget (redigera ett bildformat eller lägga till en facebookruta exempelvis). De ändringar jag gjort syns inte När ni skapar ett event eller en nyhet syns knappen Publicera på högersidan. Redigerar ni i en befintlig text står det istället Uppdatera på knappen. Det är viktigt att ni alltid klickar på Publicera eller Uppdatera när ni skapat eller gjort ändringar i en text. Det event jag skapat syns inte på hemsidan Det kan antingen vara att ni har glömt fylla i föreningstillhörighet eller datum. För event gäller det att klicka i två rutor: Datum (åå-mm-dd) samt Föreningstillhörighet. För nyhet är det endast Föreningstillhörighet som måste vara ikryssad. Glöm ej att publicera/uppdatera. Filen jag har laddat upp går inte att öppna Kontrollera så att filnamnet inte innehåller några konstiga tecken, såsom å, ä, ö, %, & eller mellanslag. Detta gör att besökaren hamnar på celiaki.se när de försöker öppna filen. Döp om filen så att filnamnet inte innehåller några konstiga tecken och ladda upp den på nytt. Kontrollera att länkadressen slutar på.pdf/.doc. Gör den inte det klickar ni på knappen Filadress när ni laddar upp filen. Jag har råkat radera en sida/event/nyhet Ingen fara, det ligger kvar i papperskorgen. Ni hittar papperskorgen när ni står i redigeringsläget på första sidan för föreningssidor/evenemang/nyheter. Här kan ni välja att visa Alla/Publicerade/Utkast/Papperskorgen. Vår föreningssida har försvunnit från föreningslistan på hemsidan Då kan det vara så att ni har redigerat permalänken på er föreningssida. Det går bra att ändra permalänken till events och nyheter men inte er på föreningssida för då försvinner kopplingen. Permalänken redigerar ni när ni står i redigeringsläget på er föreningssida, under rubriken. Korrekt permalänk är: http://celiaki.se/foreningar/kronobergs-lan/ Övriga frågor? Hör av dig till vår kontaktperson Helena Faxelid på kansliet som gärna hjälper dig! Tel: 08-730 05 72 alt. 08-730 05 01; e-post: helena.faxelid@celiaki.se alt. info@celiaki.se 4

4. Bakgrund Wordpress WordPress är ett modernt publiceringsverktyg med fokus på utseende, webbstandard och användarvänlighet. Som en av världens mest använda publiceringsverktyg så har WordPress en stor och hängiven community som styr utvecklingen. WordPress är och har alltid varit ett såkallat "open-source" verktyg, dvs ett gratis system som skapas och utvecklas av användarna. WordPress går under GPL, General Public License, vilket är en upphovsrättslicense för fri programvara. Wordpress skapades under 2003 och i september 2009 användes det av 202 miljoner hemsidor. 5. Hantera din hemsida Wordpress är uppdelad i två avdelningar, frontend (visningsläge) och backend (redigeringsläge). Frontend är det som varje besökare ser när dom går till ww w.celiaki.se och backend är där du som administratör har möjlighet att ändra innehåll m.m. på er hemsida, detta når du via w w w.celiaki.se/wp-admin. 5.1 Logga in För att göra ändringar på hemsidan så behöver du logga in backend, som du når via: http://celiaki.se/wp-admin 5

5.2 Panelen När du loggat in möts du av den så kallade panelen (vyn är inte identisk som på bilden nedan). I vänstermeny hittar du ingångar till hemsidans olika funktioner och inställningar. Logga ut: Längst upp till höger där det står Hej, föreningsnamn. Klicka här och hittar ni Logga ut-knappen. 1. Panel 2. Media: Här samlas alla bilder och annan media som kontot har laddat upp. 3. Evenemang: Här kan ni skapa olika events som hamnar i kalendern. 4. Föreningssidor: Här kommer du åt din förenings förstasida och har möjlighet att redigera denna. 5. Profil: Här hanterar du ditt konto. Du kan till exempel ställa in nytt lösenord (rekommenderas), byta e-postadress etc. 6. Celiakiforbundet: Klickar ni här kommer ni till celiaki.se förstasida. 6

6. Skapa och redigera sidor 6.1 Redigera er startsida Er förenings startsida är det besökaren först möts av när de klickar på er läns-/lokalförening. Ni redigerar sidan via fliken i vänstermenyn som heter Föreningssidor. Här kan ni exempelvis skriva en kort presentation om er förening, lägga ut en bild och länka till nyheter och evenemang som ni vill lyfta fram. För att se hur ni laddar upp bilder och filer samt skapar länkar se avsnitt 7-9. Att tänka på: - Visuell/HTML: Redigera i visuellt läge och inte i HTML läget. - Permalänk: ändra inte i permalänken på er föreningssida. Gör ni det försvinner er förening från föreningslistan på hemsidan. Den ska vara; http://celiaki.se/foreningar/kronobergs-lan/ 6.2 Skapa och redigera nyheter 1. Nyheter: Under fliken nyheter skriver ni och publicerar nyheter specifika för just er förening. 2. Titel: Ange vad nyheten ska ha för titel. 3. Ladda upp/infoga: Här har du möjlighet att lägga till bilder, video, ljud och övrig media, till exempel ett pdf dokument. 7

Underrubriker och brödtexten skriver ni i den stora rutan. Använd er av formatering stycke till brödtext och rubrik 2 eller 5. OBS! Redigera i visuellt läge och inte i HTML läget. 4. Spara utkast: Här har du möjlighet att ändra en sidas status till utkast vilket gör att sidan inte visas i frontend. En användbar funktion om du jobbar med en sida men inte vill publicera den direkt. Förhandsgranska ändring: Du kan enkelt förhandsgranska dina ändringar på sidan utan att behöva spara eller publicera ändringen först. Ett nytt fönster öppnas och du får se sidan så som den kommer se ut från frontend. 5. Status: Välj om det ska sparas som utkast eller publiceras direkt. 6. Synlighet: Publikt är standard och visar att vem som helst kan se sidans innehåll. Du kan även lösenordsskydda sidan så att enbart besökare med tillgång till ett specifikt lösenord kan se innehållet. Till sist kan du ändra synlighet till privat vilket innebär att sidan inte visas i menyn och du måste vara inloggad i Wordpress för att komma åt sidan. 7. direkt: Välj om ni vill att nyheten ska publiceras direkt eller på ett bestämt datum. 8. Flytta till papperskorgen: Om du vill radera sidan klickar du här. 9. Publicera: Spara nyheten och publicera den på hemsidan. Uppdatera: Redigerar ni i en befintlig nyhet så står det uppdatera på denna knack. Glöm inte att klicka på Uppdatera när ni har gjort ändringar i texten så sparas de och visas på hemsidan. 10. Lokalföreningar: Viktigt att välja vilken förening nyheten tillhör. 11. Ange utvald bild: Om nyheten ska ha en bild i listningen på hemsidan. 8

6.3 Skapa och redigera evenemang (kalendern) 1. Ange rubrik här: Här anger ni titeln på själva eventet så att det blir lätt för besökaren att veta vad det är för något det handlar om. Försök att ha en så kort rubrik som möjligt. 2. Innehåll och ladda upp/infoga: Här beskriver ni eventet mer ingående. Kan vara bra att även ha kontaktuppgifter, karta mm. I raden som börjar med Ladda upp/infoga har ni möjlighet att lägga till bilder, video, ljud och övrig media (filer). Använd er av formatering stycke till brödtext och rubrik 2 eller 5. OBS! Redigera i visuellt läge och inte i HTML läget. 3. Status: Välj om det ska sparas som utkast eller publiceras direkt. 4. Synlighet: Publikt är standard och visar att vem som helst kan se sidans innehåll. Du kan även lösenordsskydda sidan så att enbart besökare med tillgång till ett specifikt lösenord kan se innehållet. Till sist kan du ändra synlighet till privat vilket innebär att sidan inte visas i menyn och du måste vara inloggad i Wordpress för att komma åt sidan. 5. direkt: Välj om ni vill att nyheten ska publiceras direkt eller på ett bestämt datum. 6. Publicera: Spara nyheten och publicera den på hemsidan. Uppdatera: Redigerar ni i en befintlig nyhet så står det uppdatera på denna knack. Glöm inte att klicka på Uppdatera när ni har gjort ändringar i texten så sparas de och visas på hemsidan. 7. Flytta till papperskorgen: Om du vill radera evenemanget klickar du här. 8. Lokalföreningar: Viktigt att välja vilken förening evenemanget tillhör. 9. Tid för evenemang: För att evenemanget ska synas i kalendern på hemsidan måste ni fylla i vilket datum eventet sker på. Datumet måste skrivas i formatet 2011-12-20 9

6.4 Redigera kontaktuppgifter Det enda som ni inte kommer åt att redigera i dagsläget är de kontaktuppgifter som syns i rutan till höger på er sida. Det har tyvärr inte varit tekniskt möjligt. Om ni har fler kontaktuppgifter har vi samlat dessa under Kontakt, Läns- och lokalföreningar. För att ändra i kontaktuppgifterna kontakta förbundskansliet! Tel: 08-730 05 72 alt. 08-730 05 01 E-post: helena.faxelid@celiaki.se alt. info@celiaki.se 10

7. Ladda upp filer (pdf/word) Steg 1. Ladda upp: Ställ er i redigeringsläget på den sida/nyhet/evenemang texten där ni vill infoga ert dokument. Klicka på symbolen för att ladda upp en fil (lägg till media). Steg 2. Välj fil: Här kan ni välja mellan att ladda upp filen Från dator, Från adress, Galleri (uppladdat nyligen) eller Från Mediebibliotek (när ni en gång har laddat upp en fil/bild läggs dessa i mediebiblioteket). Klicka på knappen Välj filer och leta dig fram till den fil du vill ladda upp. Steg 3. Infoga i innehåll: Titeln är det ord/textrad som besökaren ska klicka på för att öppna filen, exempelvis Lathund för hemsidan. Kontrollera att länkadressen slutar på.pdf/.doc. Gör den inte det klickar ni på knappen Filadress. Klicka sedan på knappen Infoga i innehåll. 11

Steg 4. Publicera/Uppdatera: Nödvändigt för att ändringarna ska sparas. Tips och råd! Tänk på hur filer namnges när de sparas på datorn och ladda ej upp bilder med till exempel. å,ä, ö eller mellanslag, för att undvika problem med filerna på sajten. Exempel på ett dåligt namn på en fil som finns på sajten idag: Skärmavbild 2011-11-16 kl. 14.35.17 Där länken blir såhär: http://celiaki.se/wp-content/uploads/2011/09/sk%c3%a4rmavbild-2011-11-16-kl.-14.35.17.png En länk som ser ut på detta sättet kan ställa till problem, speciellt vid nedladdning av pdf:er. Undvik alltså detta genom att redan från början ha ett anpassat filnamn. Detta gäller för både bilder och filer (ex. pdf) som ni vill ladda upp på sajten. 8. Ladda upp bilder (jpg/png) Steg 1. Ladda upp: Ställ er i redigeringsläget på den sida/nyhet/evenemang texten där ni vill ladda upp er bild. Klicka på symbolen för att lägga till en bild. 12

Steg 2. Välj bild: Här kan ni välja mellan att ladda upp bilden Från dator, Från adress, Galleri (uppladdat nyligen) eller Från Mediebibliotek (när ni en gång har laddat upp en fil/bild läggs dessa i mediebiblioteket). Klicka på knappen Välj filer och leta dig fram till den bild du vill ladda upp. Steg 3. Infoga i innehåll: När bilden har laddat färdigt kontrollerar ni att länkadressen slutar på.jpg/.png. Gör den inte det klickar ni på knappen Filadress. Ni kan även ställa in storlek och placering på bilden, en bra storlek och placering är medium och vänsterjusterad. Ni kan även i efterhand ändra storlek och placering. Klicka sedan på Infoga i innehåll. 13

Steg 4. Publicera/Uppdatera: Viktigt för att ändringarna ska sparas. Bildspel via Flickr Om ni har många bilder från t.ex. ett evenemang är det en bra idé att göra ett bildspel via Flickr. Det ni behöver göra då är att skaffa ett Flickr konto på w w w.flickr.com Steg 1. Skapa ett konto: Det är gratis att skapa ett konto och ni kan då ladda upp ett visst antal bilder. Ska ni ladda upp många bilder kan det vara värt att uppgradera ert konto för 42 dollar/år för obegränsad uppladdning. Steg 2. Ladda upp: När ni har skapat ett konto, laddar ni upp bilder genom att klicka på Upload och sedan Upload photos and Videos. Ni kan här markera alla de bilder ni har på en mapp i er dator så laddas samtliga upp på samma gång (det går tyvärr inte att göra på vår hemsida). Ange public visning av bilderna och klicka sedan på den rosa knappan Upload photos and Videos. Är det många bilder kan uppladdningen ta ett litet tag. Steg 3: Lägg till beskrivning: När bilderna har laddats upp klickar du på add a description. Där anger du i Add tags vad din mapp ska heta t.ex. Mat för livet-mässan 2009. Klicka sedan på Creat a new set till vänster. Det är där som du döper hela mappen med rubrik och beskrivning. Tryck till sist på Save längst ned. Steg 4. Dela: Då ligger ditt album högst upp till höger. Gå in där och välj Slideshow. Klicka på fliken Share längst upp till höger på sidan. Kopiera HTML koden och gå sedan till redigeringsläget på hemsidan. Klistra in HTML koden i HTML-redigeringsläget i nyheten eller evenemanget. Kom ihåg! Alla bilder och texter är skyddade enligt Upphovsrättslagen, om inget annat anges. Detta gäller även de bilder ni hittar på internet via t.ex. en google sökning. Läs mer under avsnittet Lagar och regler på internet på sid 2. 14

9. Länka till en annan sida Steg 1. Markera texten i er nyhet/evenemang/första sida som ni vill att besökaren ska klicka på för att komma till en annan sida, exempelvis Livsmedelsverkets hemsida. Steg 2. Klicka på symbolen för länkning (insert/edit link). I rutan Link URL skriver ni in adressen (http://www.). I rutan Target kan ni välja om ni vill att länken ska öppnas i ett nytt fönster (open in new window) eller i samma fönster (open in this window). Är det en extern hemsida är det bra att länka i ett nytt fönster och är det en annan intern sida kan den öppnas i samma fönster. Klicka på knappen Lägg till. Steg 3. Publicera/Uppdatera: Viktigt för att ändringarna ska sparas. 15

10. Skapa en facebookruta Steg 1. Gå till celiaki.se och klicka på 'Facebook social plugin' på celiakiförbundets facebook box. Steg 2. Välj förslagsvis Like Box Steg 3. Skriv in http:// adressen till er facebook sida (http://w w w.facebook.com/xxx), klicka ur Show faces och Show header (förslag) Steg 4. Klicka på Get code, kopiera html koden som står i ruta 2. Steg 5. Klistra in denna kod i html-fönstret på den sida ni vill att Facebook boxen ska hamna (t.ex. på er första sida) OBS! I dagsläget är det så att för varje gång ni är inne och redigerar på den sidan så försvinner facebookrutan, det verkar vara en bugg. Vi ska se om vi hittar ett sätt som gör att man inte behöver göra om alla stegen varje gång man går in och redigerar. 11. Nya jämfört med gamla Tidigare hade många av er undersidor på era sidor. Denna funktion har nu bytts ut till en annan struktur. Nu lägger ni ut material på en förstasida, i kalendern eller som en nyhet. När ni gör ändringar och skapar nya evenemang och nyheter kommer de direkt upp på er sida, så ni behöver inte längre gå via kansliet. Alla lokala nyheter och kalendrar lyfts även på hemsidans förstasida. För att komma åt gamla hemsidan gå in här; http://celiakir2.episerverhotell.net/. Den kommer att ligga kvar på Episerver ett tag till. Vi har gjort vårt bästa för att föra över ert gamla material. Tyvärr fungerar det inte att kopiera över filer och bilder så de måste vi ladda upp på den nya hemsidan när den låg ute. Av denna anledning har vi inte hunnit föra över allt ert material. Vi arbetar med detta löpande så hör av er om något fortfarande saknas så kan vi hjälpa till. 16