Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta med den. Materialet är främst tänkt för dig som sedan tidigare har varit redaktör för någon av våra sidor i EPI-server, men kan också vara till hjälp för dig som är helt ny. Ett mer omfattande utbildningsmaterial som förklarar alla funktioner närmare kommer att göras tillgängligt inom kort. Det bästa sättet att lära sig är att komma igång och pröva sig fram. I slutet av dokumentet hittar du tips på var du kan hitta mer information och lära dig mer på egen hand. Det finns också en hjälpflik i Adminpanelen i Wordpress, högst upp till höger. Framsidan Vi börjar med att ta en titt på hur din sida kan se ut och vad de olika elementen på sidan heter: 1
Sidor. I den blåmarkerade rutan hittar vi vänstermenyn, där visas alla sidor och undersidor på hemsidan. Både sidorna, ordningen och strukturen är överförda från er gamla hemsida. Banners. I den gula rutan har vi en rad med banners. Med hjälp av dem kan du lyfta fram innehåll på hemsidan eller på andra hemsidor extra mycket. Till exempel distriktets/föreningens Facebook-sida, samarbetspartners, en kampanj eller något helt annat. Förstasida. Texten i den röda rutan används för att ge en kort presentation av distriktet/föreningen. Bildspel. I den gröna rutan finns ett bildspel. Om inga bilder finns uppladdade så syns inte det här området. 2
Inlägg. I den rödmarkerade rutan visas de senaste inläggen under rubriken Senaste nytt. Inlägg är en typ av innehåll som vi inte har använt tidigare och kan användas för nyheter om till exempel lokal alkoholpolitik, rapport från senaste styrelsemötet, att blogga om distriktets/föreningens verksamhet eller något helt annat. Under detta följer en sektion med information om olika sätt att stödja oss samt de senaste uppdragen från IOGT-NTO:s portal för ideella uppdrag. 3
Senaste nytt. Det vi ser i den röda rutan är en listning av de senaste inläggen, precis samma som vi hittade längre upp på sidan. Kalendarium. Här listas de senaste kalendarieposterna, till exempel möten, föreläsningar, värvaraktivieter eller vad ni väljer att lägga in. Längst ner hittar vi länkar som leder till förbundets sida. Logga in Inloggningsuppgifter och information om hur man loggar in skickas ut separat. Kontakta IOGT-NTO:s webbansvarige Samuel Somo om du inte har fått dina inloggningsuppgifter: samuel.somo@iogt.se eller ring 0733-72 62 21. Baksidan När du har loggat in så är du inne i Adminpanelen. Det är härifrån du gör alla ändringar. Till skillnad mot EPI-server, som vi har använt tidigare, så är det allra mesta på svenska. Men en del komponenter som vi använder finns inte översatta till svenska ännu så länge. Det får vi leva med. Så här kan det se ut när ni har loggat in: 4
Adminpanelen kan se lite rörig ut innan man har vant sig vid den. Men vänd ögonen mot vänstermenyn så ser du att det innehåll som vi gick igenom nyss på framsidan (sidor, banners, förstasida, bildspel, inlägg, kalendarium) finns där med. Den enda skillnaden är att kalendarium här heter event. Sen finns det en massa andra alternativ i vänstermenyn också, men de kan vi bortse ifrån tills vidare. Sidor Sidor visas i vänstermenyn på din hemsida och lämpar sig bäst för statisk information, det vill säga sånt som kanske inte ändrar sig på mycket över tid. För aktuell information som är mer här och nu passar Inlägg bättre (läs mer om inlägg längre fram i dokumentet). Vi börjar med att skapa en sida. Håller man muspekaren över Sidor i vänsterpanelen får man fram fler alternativ: Alla sidor, Skapa ny och My Pageorder. Klicka på skapa ny så skapar vi en ny sida. 5
Rubriken skrivs i högst upp, ingressen längst ned i rutan Utdrag och brödtexten i själva editorn (se bilden ovan). Ni måste såklart inte skriva en riktig ingress till varje sida, det går alldeles utmärkt att bara skriva in första stycket eller meningen i texten istället. Brödtexten går precis som i EPI-server att formatera på en rad olika sätt med hjälp av knapparna i menyraden. Om du håller muspekaren över en knapp så får du fram en hjälptext som berättar vad knappen gör. Du kan till exempel göra texten fet, kursiv, infoga länkar, punktlistor eller ändra färg på texten. Gör du fel trycker du bara på knappen med en bakåt-pil på (Ångra). Pröva dig fram och lek lite så ser du vilken knapp som gör vad. Visuell och HTML Som ni ser på bilden ovan finns det en flik som heter HTML. Den växlar du till om du vill mata in kod på sidan, till exempel för att bädda in en Google Maps-karta eller ett YouTubeklipp. Men i normalfallet, om ni bara ska mata in text och bild, så jobbar ni i fliken Visuell. Bilder och filer Bilder och andra filer infogas på samma sätt. Kika på bilden ovan så ser du en rad med texten Ladda upp/infoga. Med hjälp av den första knappen i den raden (Lägg till media) kan du infoga till exempel bilder och pdf-filer på sidan. Klickar du på knappen får du upp en ruta där det finns en knapp med texten Lägg till filer. Klicka på den och välj den fil på din dator som du vill ladda upp. 6
Efter att filen har laddats upp får du fram en ruta som ser ut såhär: Fyll i efter bästa förmåga: Titel - Är vad du väljer att döpa bilden (i det här fallet, det hade även kunnat vara en pdf-fil eller någon annan fil) till Alternerande text - Kan i regel vara samma som titel och visas om besökaren på er hemsida håller muspekaren över bilden Rubrik Det du fyller i här kommer att visas som bildtext (kan lämnas blank) Beskrivning beskriv vad som syns på bilden (underlättar till exempel för personer med funktionshinder som använder sidan med hjälpmedel som talande webb) Länkadress - Om du vill att besökaren ska komma till en annan sida när han klickar på bilden anger du adressen till den sidan här. Om du tänker infoga en miniatyrbild på sidan och vill att bilden ska öppnas i full storlek när man klickar på miniatyren, 7
klicka på knappen Filadress så kommer adressen automatiskt. Om det är en pdf-fil du vill infoga ska du alltid klicka på knappen Filadress. Om ingenting ska hända när man klickar på bilden lämnar ni helt enkelt den här rutan blank. Justering Precis som det låter, bilden placeras till höger, vänster eller centrerad och så vidare. Går även att justera i efterhand. Storlek Anger vilken storlek bilden ska ha. Går även att justera i efterhand. Klicka sedan på Infoga i innehåll så hamnar bilden i din text. Om bilden blev för stor eller hamnade fel, kan du justera det genom att klicka på bilden och sedan klicka på den vänstra ikonen som kommer fram (den högra ikonen raderar bilden). Det finns också ett annat, och kanske enklare sätt att infoga bilder, och det är att ange utvald bild. Ange utvald bild Genom att ange utvald bild så får du en bild som hamnar mellan ingressen och brödtexten på sidan. Det här är det lättaste sättet att infoga en bild om du bara vill ha en bild på sidan eftersom storleken på bilden anpassas automatiskt efter sidans bredd och inte hamnar fel. Följ stegen ovan, bortse från Länkadress, Justering och Storlek. Istället för att avsluta med att klicka på Infoga i innehåll så klickar du istället på Använd som utvald bild. Observera att du inte ser Utvald bild förrän du har publicerat sidan. Sidordning Sidordning styr i vilken ordning sidorna i vänstermeny visas. Du anger i vilken ordning sidorna visas genom att ange en siffra i rutan Ordning. Sidan med ordning 1 visas sedan högst upp i vänstermenyn, under den visas sidan med ordning 2, och så vidare. Du kan också lägga en sida som undersida till en annan sida. Då anger du vilken sida som ska vara förälder till under sidan i menyn Förälder. Har du många sidor kan det här bli lite krångligt att hålla reda på, och då finns det ett annat sätt att ändra ordningen på dina sidor: Håll muspekaren över Sidor i vänstermenyn och klicka på alternativet My Page Order. På rutan du nu får upp kan du enkelt dra sidorna så att de hamnar i den ordningen du vill ha dem. Klicka på Click to order pages för att spara. 8
Publicera Medan du jobbar kan du hela tiden Spara utkast. Då sparas ditt arbete, men sidan syns inte. Du kan också klicka på Förhandsgranska för att se hur sidan faktiskt ser ut innan du publicerar den (Öppnas i ny flik). Är du inte nöjd går du tillbaka och ändrar till det blir rätt. När allt ser ut som det ska klickar du på Publicera, då blir sidan synlig på din hemsida. Klicka på Flytta till papperskorgen för att slänga en sida. Ändra en sida Om du vill ändra på, eller ta bort, ta bort en sida som du redan har skapat håller du muspekaren över Sidor i vänstermenyn och klickar på Alla sidor. Du får då fram alla sidor som du har på din hemsida. För muspekaren över en sida för att få fram olika alternativ, till exempel Redigera (om du vill ändra på en sida) eller Kasta i papperskorgen (om du vill ta bort den). Inlägg Inlägg är det som visas som senaste nytt på din hemsida och inlägg passar för sånt som är aktuellt just nu, till skillnad mot sidor som passar för mer statisk information. Du hittar inlägg i vänstermenyn i Adminpanelen och det är inte så mycket som skiljer skapandet av ett inlägg från skapandet av en sida, men ett par skillnader finns det: Banners Inlägg sorteras inte på samma sätt som sidor, utan det senaste inlägget är det som visas först på hemsidan, sedan följer äldre inlägg i kronologisk ordning. Kategorier I den här rutan klickar du i om ditt inlägg är en nyhet eller ett blogginlägg. Etiketter Etiketter är ett sätt att kategorisera inläggen. Har du till exempel ett antal inlägg som alla handlar om värvning. Skriv då in etiketten Värvning på alla de inläggen. Fördelen med att göra det är att om besökaren på din sida läser ett av dina inlägg om värvning så kan han bara klicka på etiketten värvning, som visas längst ner i inlägget, så får han fram alla dina inlägg om värvning och kan läsa mer. Under Banners i vänstermenyn på Adminpanelen kan du redigera de banners som ligger under vänstermenyn på din hemsida. 9
Principen är i stort sett den samma som för sidor och inlägg som vi nyss har gått igenom. All Sitewide Banners låter dig se alla dina banners och redigera dem eller ta bort dem. Add New låter dig skapa en ny banner: Skriv i rubrik och skriv en kort beskrivning i fältet utdrag. Ange adressen som man ska komma till om man klickar på bannern i fältet Url (viktigt här är att fylla i hela adressen, till exempel http://www.iogt.se och inte bara iogt.se). Välj vilken färg din banner ska ha, och klicka till sist på publicera. Förstasida Du behöver bara ha en enda förstasida och den finns redan skapad när sidan levereras till er. För att göra ändringar i den, håll muspekaren över Förstasida i vänstermenyn på Adminpanelen och klicka på Alla förstasidor så hittar du din förstasida. I regel är denna döpt till välkommen. Du redigerar den på samma sätt som du redigerar en sida eller ett inlägg, men var observant på var på din hemsida som Förstasidan faktiskt visas (läs mer under Framsida). Bildspel Har du haft ett bildspel på din hemsida sedan tidigare så har det bildspelet flyttats över. Annars kan du välja att skapa ett nytt bildspel med bilder på föreningslokalen, från senaste förbundsstyrelsemötet, värvningsaktiviteten eller kanske något helt annat. Du hittar Bildspel i vänstermenyn i Adminpanelen. Klickar du på Alla bilder får du fram alla bilder i bildspelet och kan redigera dem eller ta bort dem. Klickar du istället på Lägg till ny bild så lägger du till en ny bild till ditt befintliga bildspel eller lägger till en ny bild till ditt nya bildspel. Ange Rubrik (vad du vill kalla bilden för) och Bildtext (visas på bilden i bildspelet). Själva bilden lägger du in genom att klicka på Ange utvald bild i rutan Utvald bild nere till höger. Läs mer om bilder längre bak i det här dokumentet. Klicka på publicera när du är klar. Event Event är det som visas under Evenemang på din hemsida. Även Event hittar du i vänstermenyn i Adminpanelen. Ett evenemang kan till exempel vara att ni står och värvar utan för Ica, en utbildning, en grillkväll eller något annat som äger rum vid en specifik tidpunkt. Klicka på All Events för att få fram alla dina evenemang och redigera dem eller ta bort dem, eller klicka på Add New för att skapa ett nytt. Till att börja med fyller ni i Rubrik, Brödtext och Ingress på samma sätt som vi har gjort för sidor och inlägg. 10
Rulla/scrolla sedan ner lite på sidan så kan ni där fylla i plats, datum tid, med mera för evenemanget. När det är klart är det bara att klicka på publicera. Hitta rätt Då har vi snabbt och kort gått igenom alla funktioner som ni bör ha koll på för att kunna jobba med er nya sida. Om man har många sidor eller inlägg på sin hemsida kan det vara lite svårt att hitta rätt i Adminpanelen, men det finns ett knep. Logga in som vanligt, och öppna sedan er sida i en annan flik. Högst upp på sidan har ni nu ett smal, svart fält. I det fältet finns ett par drop-down menyer med olika alternativ för att lägga till ett nytt inlägg eller sida med mera. Om ni nu klickar er fram till en sida, ett inlägg, ett evenemang eller något annat innehåll på sidan som ni vill ändra på eller ta bort så kommer ni längst ner på sidan (där brödtexten tar slut) hitta en länk med texten Edit. Klickar ni på den kommer in i Adminpanelen och kan redigera eller ta bort just den sidan. Mer information Allt det här kan verka lite krångligt och svårt, men kommer ni bara igång och börjar jobba med er nya sida så kommer ni snabbt att märka att det inte är så svårt som det verkar vid första anblicken. Och ju mer ni jobbar med sidan desto mer lär ni är. Ett mer omfattande utbildningsmaterial håller på att tas fram och kommer att distribueras inom kort. Är ni flera redaktörer för hemsidan, gå igenom sidan tillsammans och lär av varandra. Wordpress är också ett väldigt vanligt verktyg, kanske finns det nån i din närhet som har lite koll och kan lära dig mer? IOGT-NTO:s webbansvarige Samuel Somo hjälper er på alla sätt ni kan, maila samuel.somo@iogt.se eller ring 0733-72 62 21. Utbildningar kommer också att hållas i Wordpress, se www.iogt.se/utbildningar eller veckoutskicken från förbundet för mer information. Vill du lära dig mer på egen hand finns det väldigt mycket information och kurser på nätet, både på svenska och engelska. Det är bara att Googla! Ett tips är en gratis bok som går att ladda ner som pdf-fil, skriven av svenske Wordpressgurun Thord Daniel Hedengren. Boken finns att ladda ner från: http://tdh.se/bok/webbpublicering-med-wordpress/ Många utbildningsarrangörer anordnar också kurser och studiecirklar i Wordpress, kolla vad som händer på just din ort. 11