Sveriges Föreningar Manual för webbredaktör på XXX webbplats Webbplatsen är byggda i Wordpress, ett modernt publiceringsverktyg med fokus på utseende, webbstandard och användarvänlighet. OBS uppdatera aldrig Tema Mystique Läs igenom denna manual innan du börjar ändra något på din webbplats. Har du frågor, så tveka inte att kontakta webbplatsens admin: Ivar Scotte ivar.scotte@sverigesforeningar.se Logga in som redaktör Gå till www.xxx.sverigesforeningar.se/wp-admin och logga in med: Användarnamn: xxx Lösenord: xxx Du kommer då till Adminpanelens startsida som ser ut som på bilden här nedanför. Här kan du se att webbplatsen innehåller att antal färdiga webbsidor. Du ser under rubriken Just nu att det finns följande innehåll: 1 inlägg, 8 sidor, 5 kategorier och 1 etikett. Adminpanelen är ”baksidan” eller ”insidan” av er webbplats. Här finns det ett antal funktioner som du kan använda för att ändra informationen som visas på webbplatsens publika sidor. 1 Funktionerna öppnas då klickar på dess namn i vänstermenyn. De funktioner som vi ska gå igenom är: Inlägg, Sidor, Participants Database och WP Nano Ads. Övriga funktioner ska du inte bry dig om! Inlägg - att skriva nya inlägg (nyheter på förstasidan) Inlägg som skrivs i Wordpress kommer att visas på framsidan av bloggen. Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer att visas överst på sidan. För att börja skriva ett nytt inlägg, följ denna guide:      Klicka på menyvalet Inlägg och klicka sedan på Nytt inlägg eller välj i snabbmeny i sidhuvudet Nytt inlägg i vänstra menyn i din adminpanel. Skriv en passande titel till blogginlägget (nyheter). Skriv en text i den stora textrutan. Välj en kategori till inlägget. (Om ett kategorinamn inte finns, kan du skapa en ny genom att lägga till en ny via länken +Lägg till ny kategori). Se bilden nästa sida. Om inlägget inte är färdigskrivet och du vill fortsätta senare, tryck på knappen Spara utkast, annars tryck på Publicera för att göra inlägget publikt för dina besökare. 2 Permalänkar När du har skrivit in en titel på inlägget, så kan du se vilken ”permalänk” inlägget kommer att få. Ändra denna till något kortare vid behov. Tänk på att inte använda svenska tecken som å, ä, ö eller mellanslag. På detta sätt får varje inlägg en egen direktlänk som är lätt att komma ihåg och hitta. Tidsinställt inlägg Om man vill att ett inlägg ska postas (visas i bloggen) vid en specifik tidpunkt och kanske inte har möjligheten att posta inlägget just då så kan man välja att göra inlägget tidsinställt.  I panelen bredvid ditt inlägg så har du under Publicera valet Redigera vid publiceringsdatum. Klicka på den blå länktexten, så får du fram alternativ.  Här kan du nu ange en tid i framtiden när du vill att inlägget ska visas publikt 3 Lösenordsskydda inlägg Om du bara vill att vissa ska kunna ta del av inlägget på din sida så kan du välja att lösenordsskydda det genom att klicka på Redigera vid Synlighet i publicera-panelen och där markera "Lösenordsskyddat" och i fältet "Lösenord" anger du det lösenord som besökaren måste ange för att se inlägget och klicka sedan ok. Det kan vara användbart om du t ex ska e-posta en länk till styrelsen och hänvisa till en lösenordsskyddad sida. Glöm då inte att skriva lösenordet i mejlet. Klistra inlägg till förstasidan Du kan välja att klistra ett viktigt inlägg till första sidan. Detta gör du genom att klicka på Redigera vid Synlighet i panelen Publicera. Sedan bockar du för valet Klistra detta inlägg till förstasidan. Då syns det alltid först, dvs överst på förstasidan. Ett klistrat inlägg till skillnad från ett "vanligt" inlägg lägger sig alltid först, även om du publicerar nya inlägg vid ett senare tillfälle. Ett klistrat inlägg ligger alltså alltid före nya inlägg. Etiketter Etiketter är korta innehållsord som kort beskriver vad ditt inlägg handlar om. Om du använder Etiketter så ska du ange de etiketter du vill associera till inlägget. (Etiketter även kallade taggar, tags). Dessa visas i ett taggmoln i högerspalten så att besökaren enkelt kan klicka på ett ord och se alla inlägg som hör till det taggade ordet. Ange utvald bild För att lägga till en bild till ditt inlägg, så klickar du längst nere till höger på länken Ange utvald bild. På webbsidan som kommer upp kan du välja en bild ur ditt mediabibliotek, dvs bilder som redan finns på servern. Du kan även välja att ladda upp en ny bild från din hårddisk. Klicka då på länken Ladda upp filer. När du valt en bild klickar du på knappen Ange utvald bild längst nere till höger. När du är klar med inlägget klickar du till höger på knappen Publicera eller Uppdatera. 4 Lite kort om gränssnittet - enkel WYSIWYG-redigering WYSIWYG-redigering (från engelskans "What You See Is What You Get", på svenska "vad du ser är vad du får") innebär att textens formateras medan du skriver. WYSIWYG-editorn skapar HTML-koden i bakgrunden medan du koncentrerar dig på att skriva. Man ser typsnitt, länkar och bilder precis som de kommer att se ut på internet. WordPress inkluderar en visuell redigerare som funkar bra i de flesta moderna webbläsare som används idag. När man använder redigeraren så funkar kortkommandon precis som i vilken annan textredigerare som helst. Som exempel Shift+Enter infogar en ny rad, Ctrl+C = Kopiera, Ctrl+X = klipp ut, Ctrl+Z = återställ, Ctrl+Y = gör om, Ctrl+A = markera allt osv. (på MAC använd Command tangenten istället för Ctrl). Avancerad WYSIWYG-redigering Bilder och bilagor Knappen Lägg till media ser ut som en kamera med en musiknot bredvid sig. Denna knapp använder du för att infoga bilder/dokument/filer på den specifika sidan. Klicka på den här knappen och välj rätt flik: Från dator/Från adressen/Mediabibliotek. När du har valt de inställningar du önskar klickar du på "Infoga i inlägg" och din bild eller fil kommer att infogas i inlägget som du redigerar. Överkurs HTML i WYSIWYG-editorn All HTML du skriver in direkt i WYSIWYG-redigeraren kommer att synas som text när man läser inlägget. Vad du ser är vad du får. Om du vill inkludera HTML-element som inte kan läggas till med verktygsfältets knappar måste du skriva in dem för hand i HTML-redigeraren. Exempel på sådana är tabeller och <code>. Tryck på HTML-knappen och redigera koden för att göra detta och tryck sedan på Uppdatera. Om koden är giltig och redigeraren förstår den kommer du genast att se den på skärmen. Klistra in text När man klistrar in innehåll från en annan webbplats så kan resultatet bli knasigt beroende på vilken webbläsare du använder och från vilken sida du kopierar. Redigeraren försöker alltid att rätt till felaktig HTML som postas, för bästa resultat så bör du använda HTML-läget eller en av klistra-in-knapparna. Alternativt så kan du försöka att kopiera paragraf för paragraf. I de flesta webbläsarna, för att markera en paragraf, trippel-klicka på densamma. Att klistra in innehåll från en annan ordbehandlare så som Word eller Excel gör du bäst genom att använda knappen "Klistra in från Word" eller i HTML-läget. 5 Sidor - att ändra eller skapa nya (syns i huvudmenyn överst) Sidor kan användas för att publicera material som, till skillnad från de flesta inlägg, inte är knutna till en viss tidpunkt. Det finns ett antal färdiga sidor som du måste redigera och fylla med er information. Klicka på Sidor i vänsterspalten och håll sedan musen över en sidas rubrik. Då ser du flera länkar. Klicka på Redigera för att öppna en sida. Skriv text och ändra det som behövs. Håll musen över verktygen i verktygsraden så ser du vad verktygen kan användas till. När du är klar med dina ändringar klickar du på den blå knappen Uppdatera i högerspalten. För att skapa en helt ny sida, följ denna guide:      Klicka på menyvalet Sidor eller använd snabbmenyn i admindpanelens sidhuvud och välj Ny sida. Klicka på undervalet Skapa ny. Skriv en passande titel till sidan. Använd den stora textrutan för att ange ditt innehåll för sidan. Om du inte skriver färdigt sidan och du vill fortsätta senare, trycker du på knappen Spara utkast och annars tryck på Publicera för att göra sidan synlig. Permalänkar När du har skrivit in en titel på sidan, så kan du se vilken ”permalänk” sidan kommer att få. Ändra denna till något kortare vid behov. Tänk på att inte använda svenska tecken som å, ä, ö eller mellanslag. På detta sätt får varje sida en egen direktlänk som är lätt att komma ihåg och hitta. Sidattribut När du skapat en sida kan du också välja i vilken ordning denna sida ska visas i förhållande till andra sidor i menyn genom att välja detta i sektionen Sidattribut och Ordning till höger om inmatningen för innehållet. Välj Förälder under "Attribut" till din nyskapade sida om den ska ligga under någon annan sida. Sidan hamnar då i drop-down-menyn (huvudmenyn) under sin förälder i nummerordning. Om du väljer ”utan förälder” så hamnar sidan överst i huvudmenyn, som ett nytt val. Val för Mall finns i samma panel. Välj alltid det förvalda ”Standardmall” så att högerspalten visas på alla sidor. 6 Participants Database – att lägga in föreningar På sidan Föreningar på din webbplats finns funktioner som listar, sorterar och söker på inlagda föreningar. De måste därför sparas i en databas. Här visar vi hur du gör! Klicka på Participants Database i vänsterspalten. Då visas en sida med de föreningar som är inlagda, List Participants, som på denna bild: Föreningarna som ligger här är demo-föreningar, som du kan ändra eller ta bort. Du ändrar en förening genom att klicka på Edit (blå länk). Då öppnas den föreningen och du kan ändra text, länk till föreningens webbsida, kontaktinformation etc. Alla fält är självförklarande. Du behöver inte fylla i alla fält. Här kan du även ladda upp en ny logotyp. Se bild nästa sida. Logotypen bör du ha gjort i ordning så att den är anpassad för webben och sparad i något av formaten gif, PNG eller jpg. Logotypen bör vara 300 pixlar bred (300px) för att det ska se bra ut listan som visas på undersidan Föreningar. 7 Glöm inte att spara dina ändringar genom att klicka Submit längst ner på sidan. Om något blir fel kan du alltid gå tillbaka genom att klicka Edit bredvid en förening igen. För att lägga in en ny förening i listan så klicka du på Add Participant i vänsterspalten. Då öppnas en sida som ser ut som på bilden här nedanför. Som du ser har denna sida samma fält som förra sidan (Edit-sidan). 8 Länkar Klicka på Inställningar i vänsterspalten. I undermenyn klickar du sedan på Mystique Nav Icons. Dä kommer du till en sida som ser ut som på nedanstående bild. Om ni har en Facebook-sida så kan du skriva in den länken i fältet till höger. Om ni inte har Facebook så ska du dra f-symbolen från den gröna rutan ner till det stora fältet, där alla icke aktiva ikoner finns (Disabled icons). Den orange första länken, som ligger till vänster, är en rss-länk som visar ett nyhetsflöde för er webbplats. Den skapas automatiskt. Låt den stå som den är. Om ni har Twitter så kan du helt enkelt dra Twitter-symbolen till det gröna fältet. Sedan skriver du in länken i avsedd ruta till höger. Likadant gör du om ni har en YouTube eller något annat du vill länka till. Samarbeten (WP Nano Ads) På din webbplats syns några logotyper under rubriken Samarbeten i högermenyn. Dem kanske du vill ändra. Du kan ta bort dessa och lägga till andra, som då fylls på nedanför. Du kan använda denna plats för logotyper eller bilder, men även för annonser om det skulle vara aktuellt. Därför kallas denna funktion Banner eller Ad. Börja med att ladda upp en logotyp till mediabiblioteket. Det gör du genom att klicka på Media och sedan Lägg till i vänstra menyn. Till fältet Släpp filer här kan du dra en logotyp från din hårddisk eller så kan du klicka på knappen Välj filer och ladda upp på vanligt vis. När du gjort det så ska du kopiera platsen där logotypfilen finns, dvs filens URL. Klicka därefter på WP Nano Ads längst ned i vänstra spalten i din Admin-panel. I undermenyn klickar du sedan på Add Link. Då kommer du till en sida som ser ut som på nedanstående bild. 9 Här fyller du i länk (Link URL) till den webbplats som du vill länka till, när man klickar på bilden/logotypen. Själva bilden blir alltså klickbar. Till vänster om knappen Upload image ska du klistra in den URL som du har i minnet (som du nyss kopierade). Fältet heter Enter an URL… Fyll i text som visas då man för musen över bilden (Link Title Text). På Link Attributes är det bäst att välja att länken ska öppnas i ett nytt fönster, så att du inte förlorar besökaren från din webbplats. Klicka alltså i New Window or Tab, som på bilden nedan. Fyll i startdatum (Start Date) för när logotypen/annonsen ska börja visas och även slutdatum (End Date). Om du skulle ta betalt för annonsplatsen är detta väldigt praktiskt. Om inte, så se till att du fyller i ett slutdatum långt fram i tiden, så att inte logotypen plötsligt slutar visas. Skriv in något beskrivande på ägarens namn (Link Owner Name) och en e-postadress (Link Owner Email). Alla dessa fält är obligatoriska. Klicka Save när du är klar. 10 Om du vill ändra eller ta bort en logotyp under Samarbeten, så klickar du på Links i vänsterspalten. Då ser du en lista över alla sparade Nano Ads. Här kan du klicka Edit (redigera/ändra) eller Delete (radera) bredvid respektive rad. När du klickar Edit så kommer du till en sida som ser ut precis som på ovanstående bild, med den skillnaden att du nu ser den sparade logotypbilden. Här kan du välja att fylla i en ny URL till en logotyp, som då ersätter den tidigare. När du är klar med eventuella ändringar klickar du Save. 11