![Page 1: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/1.jpg)
1
Manual för startsida föreningswebbplats
För att redigera Startsidan gå till Sidor i panelen och välj att redigera startsidan. Startsidan är en viktig ingång till din webbplats, men tänk även
på att många idag söker via Google och hamnar direkt på undersidor med det innehåll de söker.
Texterna i sektionerna ska vara kortfattade och leda in till undersidor.
Startsidan är uppbyggd i olika sektioner med lite olika innehåll:
2a. Fullbreddsbild
2b. Rubrik, text och länk (med eller utan rund bild)
2c. Rubrik, text och länk (med fyrkantig bild)
2d. Rubrik, text och länkknapp (helbredd med bakgrundsfärg)
2e. Nyheter/Kalender
2f. Tre textboxar
2g. Socialt flöde
o Instagram
o Facebook – inte klar ännu
2h. Videosektion
![Page 2: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/2.jpg)
2
1. Redigera Startsidan
Klicka på redigera
![Page 3: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/3.jpg)
3
2. Välj sektion
Klicka på den gröna knappen Lägg till sektion så kan du välja vilken sektion du vill lägga till.
![Page 4: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/4.jpg)
4
2a. Fullbreddsbild
De här dimensionerna ska
bilden ha för att inte beskäras.
![Page 5: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/5.jpg)
5
Lägg till bild
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Markera den bild du vill visa på
startsidan och klicka på Välj. Om
bilden inte har de rätta
dimensionerna (förhållande mellan
höjd och bredd) kan du redigera
den genom att välja Redigera bild.
![Page 6: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/6.jpg)
6
Så här blir resultatet:
![Page 7: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/7.jpg)
7
2b. Rubrik, text och länk (med eller utan rund bild)
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Skriv i en rubrik och text – tänk på
att hålla det kort – och länka till en
undersida på webbplatsen.
![Page 8: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/8.jpg)
8
Lägg till länk
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Lägg till en intern länk (alltså till din
egen webbplats under befintligt
innehåll. Den hamnar i fältet URL. Skriv
en förklarande länktext, men inte alltför
lång. Obs! Du måste skriva in en
länktext för att länken ska synas när
sidan är publicerad.
![Page 9: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/9.jpg)
9
Så här blir resultatet utan bild:
![Page 10: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/10.jpg)
10
För att lägga till en bild klicka på Inställningar och byt till Ja under Visa bild
Välj fliken Bild som då dyker upp och sedan Lägg till bild
Lägg till bild på samma sätt som på sidan 5. Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Lägg till en kvadratisk bild så
hamnar det du vill i mitten
av den runda bilden.
![Page 11: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/11.jpg)
11
Så här blir resultatet med bild:
![Page 12: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/12.jpg)
12
2c. Rubrik, text och länk (med fyrkantig bild)
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Under fliken Innehåll skriver du
in Titel, Text och väljer vilken
länk på sidan du vill länka till.
(Lägg till länk, se sid 8)
![Page 13: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/13.jpg)
13
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Under fliken Bild väljer du vilken bild du
vill ha (se dimensioner för att undvika
beskärning) och väljer om bilden ska
visas till höger eller till vänster.
Se sid 5 för hur du lägger till en bild.
Under fliken Inställningar väljer du vilken färg du
vill ha på texten respektive bakgrunden. Tänk på
att det måste vara hög konstrast mellan färgerna
för att det ska vara läsbart. Om du väljer Egen
får du möjlighet att skriva in ett eget färgvärde.
![Page 14: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/14.jpg)
14
Så här blir resultatet:
![Page 15: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/15.jpg)
15
2d. Rubrik, text och länkknapp (helbredd med bakgrundsfärg)
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Under fliken Innehåll skriver du
in Rubrik, Text och väljer vilken
länk på sidan du vill länka till.
(Lägg till länk, se sid 8)
![Page 16: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/16.jpg)
16
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Under fliken Inställningar väljer du vilken färg du
vill ha på texten respektive bakgrunden. Tänk på
att det måste vara hög konstrast mellan färgerna
för att det ska vara läsbart. Om du väljer Egen
får du möjlighet att skriva in ett eget färgvärde.
![Page 17: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/17.jpg)
17
Så här blir resultatet:
![Page 18: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/18.jpg)
18
2e. Nyheter/Kalender
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Välj huvudrubrik beroende på om du
vill visa nyheter eller aktiviteter.
Länka till sidan med alla nyheter eller
aktiviteter. (Lägg till länk, se sid 8)
![Page 19: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/19.jpg)
19
Så här blir resultatet:
![Page 20: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/20.jpg)
20
2f. Tre textboxar
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Under fliken Innehåll skriver du in Rubrik,
Text och väljer vilken länk på sidan du vill
länka till. (Lägg till länk, se sid 8)
Obs! Tänk på att hålla rubrikerna och
texterna extra korta här eftersom
utrymmet är begränsat.
Tips! Här kan det vara bra att
använda sig av den korta
länktexten Läs mer och skriva en
utförligare förklaring var länken
leder under Skärmläsartext.
![Page 21: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/21.jpg)
21
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Under fliken Inställningar väljer du vilken färg du
vill ha på texten respektive bakgrunden. Tänk på
att det måste vara hög konstrast mellan färgerna
för att det ska vara läsbart. Om du väljer Egen
får du möjlighet att skriva in ett eget färgvärde.
![Page 22: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/22.jpg)
22
Så här blir resultatet:
![Page 23: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/23.jpg)
23
2g. Socialt flöde
Börja med att lägga till en inloggningsnyckel för Instagram:
1. Öppna en webbläsare och gå till www.instagram.com (alltså inte i appen i din telefon eller surfplatta).
2. Om du inte redan är det, logga in på din förenings konto på Instagram.
3. Öppna en annan webbläsarflik och logga in i så att du kan redigera din bygdegårdssida (dessa flikar behöver alltså vara i samma webbläsarfönster).
4. Gå till menyvalet Temainställningar där du ser detta fält:
5. Klicka på knappen Log in with Instagram
![Page 24: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/24.jpg)
24
6. Kontrollera att det är rätt Instagram-konto du är inloggad på (t.ex. bygdegårdens och inte din privata) och klicka på knappen Ge åtkomst
7. Då fylls fältet i Temainställningar med en kod bestående av siffror och bokstäver och inloggningsknappen försvinner.
8. Nu kan du lägga in sektionen för Socialt flöde – Instagram på Startsidan.
![Page 25: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/25.jpg)
25
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Så här ser resultatet ut:
Markera Instagram.
![Page 26: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/26.jpg)
26
2h. Videosektion
Se punkt 2 (sid 3) för att lägga till en ny sektion.
Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan.
Här skriver du en rubrik för din video
och anger videons Youtube ID. Videon
behöver alltså vara publicerad på
Youtube för att kunna visas här.
Det här är Youtube ID:et.
![Page 27: Manual för startsida föreningswebbplats€¦ · Lägg till bild Klicka på Uppdatera och Visa sida i sidredigeringsläget för att publicera innehållet på startsidan. Markera](https://reader033.vdocuments.pub/reader033/viewer/2022060707/607304f2c4d3ee1a023c6a66/html5/thumbnails/27.jpg)
27
Så här blir resultatet: