Utbildning för nya webbredaktörer

(1)

PRO Skånes IT-Grupp. itansvarig.120@pro.se Ver. 2021-10-18

Innehåll - Rubriker Sida Nr

Aktiviteter 4

Evenemang 4

Inloggning 1

Innehållsväljaren-nere till vänster 1

Kontakta oss – Föreningens funktionärer 3

Kopiera – Klistra in 2

Medlemsförmåner – Lokala förmåner 4

Om oss – Beskrivning av föreningen 3

Pennan-för att komma i redigeringsläge 1

PRO påverkar 4

Startsidan – Föreningens startsida 3

Undersida-skapa ny 3

Verktygsfältet-övre höger sida 2

Verktygsfältet-övre vänster sida 2

Vänster sidolist, sök, trädstruktur, publicera, klar 1 Moduler

Bilder – Mappar i bildarkivet 5

Bilder-allmänt 6

Bilder-flöda 6-7

Bilder-redigera 6

Bilder-rätt bildformat 7

Bilder-toppbild på vanliga sidor 6

Bilder, foton-under Kontakta oss 7

Bilder-övriga sidor 6

Bildspel-på startsidan 7

Fil - Ladda upp/länka till fil 4

Knapp (Öppnar interna/externa sidor) 4-5

Logga ut 8

Nyhetsarkiv-Nyheter 7

Plusbox 5

Tabell 5

Länk till sidan med videoguider

Utbildning för nya webbredaktörer

BERTIL PETTERSSON

(2)

Vi visar först hur det ser ut, sedan får du själv TESTA efter varje avsnitt. Så det är bra om du koncentrerar dig och tittar på skärmen när vi visar hur det går till. Vi repeterar gärna.

Först en allmän genomgång och hur man skapar nya undersidor. Sedan en mer ingående beskrivning av de olika modulerna.

HÖGERKLICKA för att få fram de olika meny-valen. OK och AVBRYT-knapparna är inte beskrivna i texten. Oftast måste du klicka på Sök för att hamna i föreningens mapp med sidor/bilder/filer.

Inloggning.

• Gå till pro.se eller föreningens hemsida pro.se/forening - Klicka på LOGGA IN.

• Använd Mobilt BankID. Fungerar också bra med e-postadressen som finns på ”Min profil”

i Harald.

LOGGA IN - PRAKTISKA ÖVNINGAR PÅ AVSNITTET.

Längs ner i höger hörn,

KLICKA på pennan.

Längst upp till vänster, grön eller grå Sitevision-logga. Sitevision sparar allt så fort man ändrar något, men det är inte publicerat.

Sök - skriv in föreningens namn. Här kan du gå direkt till Sidor – Bilder – Filer.

Historik - kan vara bra om man är flera webbredaktörer.

Bläddra – trädstruktur där alla sidor i hela systemet syns, från PROs RO, Distrikt och Samorganisation till den egna föreningen. Här kan du lägga upp nya sidor.

Skapa ny – kan vara ny sida eller ny mapp. (Går också att högerklicka på en sida i trädet.

Publicera – nu syns det i skarpt läge.

Klar - för att förhandsgranska, du måste klicka på pennan för att komma tillbaka och redigera igen.

Hjälpfunktion.

TESTA – VAD HÄNDER - PRAKTISKA ÖVNINGAR PÅ AVSNITTET.

Innehållsväljaren,

längst ner i vänster hörn.

• Kan innehålla bild, bildspel, text, knapp, topp, ingress, vänster, höger etc. beroende på vilka moduler som finns på sidan. Här kan du jobba med modulerna som finns på sidan.

• Klicka för att se de olika funktionerna, hur de markeras. Högerklicka för att redigera modulen.

• TESTA – VAD HÄNDER - PRAKTISKA ÖVNINGAR PÅ AVSNITTET.

Högst upp på sidan, från vänster.

Dessa moduler syns alltid på sidan.

(3)

• Rutan med 9 fyrkanter, samma som sök, du kommer till Sidor, Filarkiv och Bildarkiv.

Marketplace är inte tillämpligt för PRO.

• - Kugghjulen – Olika funktioner, Spara version för att sedan kunna ta tillbaka en

”gammal sparad” sida.

• - Ögat – Förhandsgranskning, Responsivt läge = hur sidan ser ut i mobiler och läsplattor.

•

A

- Lägg till ny textmodul. Textmoduler används till mycket, Text, Plusbox, Länkar, Tabeller m.m.

• - Bildmodul - Här måste du klicka i Sök och skriva in föreningens namn för att komma rätt. (OBS - Välj inte Samorganisationen.) Här kan du ladda upp bilder från den egna datorn.

• - Modulväljaren – Bildspel, knapp etc.

Resten av verktygsfältet kommer fram när man klickar på en befintlig Textmodul på sidan.

B

– Fet stil Ctrl+B

I

– Kursiv Ctrl+I - Länkar. Flera val

- Punktlistor. Flera val - Tabell

- Infoga. Flera val - Verktyg. Flera val - Hjälp

Använd snabbkommando för att:

Kopiera Ctrl+C – Klistra in Ctrl+V Ångra Ctrl+Z

Gör om SHIFT+Ctrl+Z

Rubrik – Ingress – Brödtext. Flera val

(4)

• Längst upp till höger på sidan visas med olika färger om sidan är publicerad, ändrad eller ej publicerad. Ett hänglås betyder att sidan är låst för redigering. Du kan låsa upp spärren.

Start.

• Redigera texten på Startsidan, antal medlemmar. Texten på startsidan ska vara kort, här kan du lägga in knappar för att länka till föreningens interna sidor eller till externa sidor.

Du kan lägga in text med länkar till PDF-filer.

• RUBRIK-Raderna på startsidan får inte vara för många eller för långa. Det är bättre att skapa flera nya undersidor under de olika rubrikerna.

• Start - Om oss – Nyhetsarkiv – Medlemsförmåner - PRO påverkar - Kontakta oss – Aktiviteter – Evenemang.

• Om du vill ändra ordningen på rubrikerna, högerklicka på FÖRENINGEN ute i trädet till vänster, SORTERING -> MANUELL. Nu kan du flytta sidorna genom att ta tag med muspekaren och dra upp eller ner. Du kan också flytta en sida som en undersida till en annan befintlig sida.

• Du kan dölja en sida för att visas i skarpt läge. Högerklicka på sidan i trädet, klicka på DÖLJ i MENYER. Att dölja sidor och moduler är ett bra sätt för att testa det du skapat.

• Skapa en TEST-undersida som du kan jobba med, dölj den i menyer.

Om oss.

• Här kan du skriva mer text om föreningen. Hur man hittar till föreningen, adress, verksamheter, program etc.

• Om du vill ha en mellanrubrik så tryck på stilar och välj en rubrikstil som är lagom stor.

• Om du vill ha vit färg på texten i bilden så går du upp till stilarna och väljer Ingress.

Brödtext ger svart textfärg.

• Tänk på att när du publicerar så är det i skarpt läge.

Kontakta oss.

• Här visas kontaktuppgifter för föreningens styrelse. Informationen kommer från uppdragen i Harald.

• Du kan lägga upp foton på styrelsen. Se sidan 7.

• Kolla uppgifterna för föreningen. Om de är fel kontakta distriktet för att rätta.

Skapa ny sida.

• Markera sidan som du vill skapa en ny undersida till, klicka på Skapa ny i vänstermarginalen, eller högerklicka.

• Välj rätt mall för undersidan, normalt välj Undersida. Skriv vad den ska heta.

• Du kan byta ut bilden som skapas automatiskt, lägga in textmoduler, knappar, tabeller, plusboxar m.m.

(5)

Medlemsförmåner.

(Lokala förmåner)

• Här redovisas förmånerna som följer med ett medlemskap i PRO. Du kan också lägga in de lokala förmånerna som finns på orten.

• Använd Plusboxar. Finns redan två som går att redigera. Har man inga lokala förmåner, dölj Plusboxarna, (dölj i visningsläge).

PRO påverkar.

• Här kan du skriva om KPR, regionala pensionärsrådet, kontakter med kommunen, prisundersökningen.

Aktiviteter.

• Skapa en sida som talar om vilka aktiviteter föreningen har. (Evenemang?)

Evenemang.

• Uppgifterna hämtas från Harald där man skapar Evenemang. Evenemangen visas en bit ner på startsidan.

❖ Beskrivning av de olika MODULERNA.

Ladda upp/länka till fil.

• Välj text att länka till eller ny textmodul, A. Skriv länktexten och markera.

• Gå till länkar uppe i menyraden. Klicka på Sök om du inte befinner dig i den egna föreningen. Ladda upp fil, om den inte finns sedan tidigare.

• Välj fil. Använd PDF-filer. (Alla kan inte öppna Word och Excel-filer.

• Kryssa i Öppna i nytt fönster eller flik.

• Tryck på förhandsgranskning, ögat för att se om filen är rätt, eller gå ut med Klar.

Skapa en knapp.

(Knappar öppnar interna eller externa sidor.)

• Gå till modulväljaren och välj Knapp. Du får upp en meny med olika val.Text: Beskrivande text som står på knappen.

• Typ: här kan du välja hur knappen ska visas, färg och utseende.

• Länk: Intern sida är till föreningens egna sidor eller PRO RO:s. Extern sida är om du ska hämta sidan från en annan hemsida.

(6)

• Tryck på Intern sida och leta upp rätt sida i din förening som du vill hänvisa till.

• Leta upp den externa sidan, kopiera URL och klistra in i fältet. Välj ALLTID Öppna i ny flik när du länkar till en extern sida.

• Du kan Flöda knappen till höger eller vänster.

Plusbox.

Sidan Lokala förmåner använder Plusboxar.

• Ställ dig där du vill ha Plusboxen, tryck på A i verktygsfältet och skapa en ny textmodul.

• Nu ska du skapa plusboxen. Gå till text (blå) i innehåll nere till vänster. Högerklicka och tryck på Dekoration och därefter Plusbox.

• För att döpa din Plusbox så går du än en gång till innehåll och högerklickar. Tryck på Byt namn. För att namnbytet ska gå igenom, publicera.

• Plusboxen kan användas som en faktaruta.

• Du kan lägga in länkar i Plusboxens textrader.

Skapa en tabell.

• Lägg till en ny Textmodul, A där tabellen ska visas.

• Stå i Textmodulen, klicka på Tabell uppe i verktygsfältet, välj antal rader och kolumner.

• Välj max 4-5 kolumner i bredd, kolumnerna vidgas efter hand som du skriver i text.

• Du kan lägga till eller ta bort kolumner/rader.

• Klicka på Rubrikceller och ange texten.

• Använd TAB-tangenten för att förflytta i tabellen.

• Du kan lägga in sortering av rader i tabellen.

• Högerklicka i tabellen för att redigera inställningarna.

Bilder.

• Planera gärna i förväg vilka bilder som ska användas när du skapar en sida.

• Klicka på symbolen med de 9 fyrkanterna, välj Bildarkiv.

• Du kan också klicka på Sök, och där välja Bildarkiv.

• Skapa mappar/undermappar i Bildarkivet. Ett praktiskt sätt att hålla reda på bilderna.

• Bra att skapa mappar som: Start - Om oss – Nyhetsarkiv – Medlemsförmåner - PRO påverkar - Kontakta oss – Aktiviteter.

• Om Du tagit bilderna själv är det ju inga problem med upphovsrätten. Du kan hämta bilder från pixabay.com

• Använd inte bilder när du inte vet vem som äger dem.

• Ladda upp bilderna från datorn till vald mapp i bildarkivet.

(7)

Lägga in bild på sidan.

• Stå på sidan där bilden ska visas.

• Infoga bildmodul.

• Leta upp bilden eller ladda upp en ny bild till bildarkivet.

• Markera bilden.

• Klicka på OK.

• Ange alternativ text, den läses upp för den som använder talsyntes.

• Skriv in bildtext och namn på fotografen.

Toppbild och bildspel på startsidan.

• Här ska det vara en fyrkantig bild, 1:1 – ca 700-800 pixlar bred.

Toppbilder på vanliga sidor.

• Rektangulär bild, 16:9, ca 1200-1440 pixlar bred.

• Systemet kommer att beskära bilder som inte uppfyller kraven.

• Bilden tonas i vänsterkanten.

Övriga bilder som läggs in längre ner på sidorna.

• Här är du mer fri när du lägger in bilder.

• Om du ser bilden i datorn fyller 700-800 pixlar upp bredden på sidan.

• Beroende på om man tittar i mobilen eller på en läsplatta kan bilden beskäras.

Redigera bild.

• Leta upp bilden i bildarkivet som du ska redigera, klicka på bilden.

• För pekaren upp på bilden. Tryck på pennan för att redigera.

• Bilden kommer att lägga sig efter originalbilden, som kommer att finnas kvar.

• Rensa bort bilder som inte används.

Flöda bild i en text.

• Ställ dig i textfältet. Tryck på bildfilen och hämta en bild. Den får inte vara för stor max 250- 350 pixlar bred.

• Bilden är en dekorationsbild. Ingen text.

• Bilden kommer att lägga sig efter texten. Dra bilden till textfältet, blå linje, och högerklicka på den. Välj flöda och sätt in rätt manöver, flöda höger/vänster.

• Tänk på att markera bilden inte texten.

(8)

• Du kan även gå till Innehåll och högerklicka och flöda.

Lägga in foton under Kontakta oss.

• Skapa en ny mapp i föreningens bildarkiv. Döp den, t.ex. Styrelsen.

• Redigera mappen i trädet. Klicka på Egenskaper, -> Metadata –> ta bort bocken vid Ärv värde. -> ändra till ett Ja under Styrelsebilder. –> Spara.

• Ladda upp bilder på styrelseledamöterna. Namnet på bilderna ska vara medlemsnummer, högerklicka för att byta namn till medlemsnummer.

Bildspel.

Skapa bildspel på Startsidan.

• Ta bort den befintliga bilden (om det finns någon) genom att ställa pekaren på bilden och tryck Ta bort. Om du ångrar dig så kan du trycka på Ångra längst upp till höger.

• Nu går du till moduler och väljer/söker Bildspel. Du får fram en meny där du lägger bilderna efterhand som du väljer dem. Det går inte att sortera om bilderna. Blir det fel ordning, ta bort och lägg till på nytt.

• Hamnar bildspelet fel, dra bildspelet dit där du vill ha det. När det syns en blå markering, släpp.

Rätt bildformat till dina sidor.

• Två viktiga bildformat på hemsidan. På förstasidan ska bilden vara kvadratisk ca 700-800 pixlar. På övriga sidor där bilden är rektangulär behövs det en större bild ca 1200-1500 pixlar. Redigerar du inte så gör systemet det själv och då kan bilden se konstig ut.

• Till övriga bilder är det inte så noga med storleken. Om du lägger bilden i ett textblock, tänk på att den ska vara mycket mindre.

Nyhetsarkiv.

(Nyheter)

• De senaste Nyheterna visas längre ner på Start-sidan.

• I trädet, klicka på Nyheter -> Arkiv. Klicka på Skapa ny eller högerklicka.

• Välj rätt mall. VIKTIGT, välj mallen Nyhet under rubriken Nyheter.

• Du ska inte ge den något namn, nyheten skapas med dagens datum.

• Nu kan du ändra Rubrik. Skriv in Ingress, Innehåll, Text.

• Välj en ny bild. Bilden ska vara rektangulär. Skriv text vad bilden innehåller och fotografens namn.

• Välj publicera. Sitevision kollar att allt är ok. Första gången du publicerar måste du välja KATEGORI och ange namnet på den som skrivit artikeln.

• Om du vill ändra publiceringsdatum, gå till artikeln i trädet. Högerklicka, välj Egenskaper -

> Inställningar -> ändra publiceringsdatum.

(9)

Logga ut.

Du behöver inte logga ut om du sitter bakom en egen privat dator. Stäng webbläsaren.

Länk till sidan med videoguider på YouTube.

Kontakt: Bertil Pettersson 070-628 91 26 bertil.pettersson@pro.se