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
- Bildspel via Flick
12
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 5565 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: [email protected]
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: [email protected] alt. [email protected]
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 w w 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.
2.
3.
4.
Panel
Media: Här samlas alla bilder och annan media som kontot har laddat upp.
Evenemang: Här kan ni skapa olika events som hamnar i kalendern.
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 papper skorgen: 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 papper skorgen: 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 evene mang: 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: [email protected] alt. [email protected]
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 Slidesho w. 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 Sho w 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
