03-04-0 Ver 3.0 Lathund WP-tema SAGA
Om SAGA för wordpress SAGA är ett Wordpresstema framtaget av Psynkprojektet inom SKL för att underlätta kommuner och landsting att presentera vart man ska vända sig när barn och unga drabbas av psykisk ohälsa. Wordpress är ett innehållshanteringssystem (CMS) skrivet i öppen källkod (PHP) och använder databasen MySQL för datalagringen. Det distribueras under en GNU General public-licens och kan laddas ner och användas kostnadsfritt. Du kan installera sidan på ett webbhotell där SKL står för avgiften första året. För att installera behöver du bestämma domännamn. Domännamnet kan vara namnet på kommun, landsting eller län med ordet saga först, dvs. saganamn.se. Du kan också välja att installera temat och wordpress på en PHP-server du redan har tillgång till. Du behöver alltså inte använda dig av Binero som din webbhotellsleverantör. Om du vill ändra eller lägga till funktioner är du fri att anlita en konsult som är wordpressutvecklare. Webbplatserna som använder SAGA kommer inte att vara kopplade till varandra utan är helt fristående. En nackdel med egen vidareutveckling kan vara om temat uppdateras med en ny version i framtiden. Då riskerar du att förlora funktioner som du har utvecklat. Det är därför en stor fördel att göra vidareutvecklingar som s k plug-in som ligger ansluten till temat men med koden utanför. Ett annat sätt är att utvecklaren tydligt markerar i koden vad som är tillägg och för sedan över kod till den Viktigt att tänka igenom innan du börjar: Lösenordsskyddat läge Under tiden du bygger upp sidan kan ni aktivera Lösenordsskyddat läge under Utvecklingsläge. När sidan är klar avaktiverar du det. (Se sidan 4 för att se var Utvecklingsläge finns.) Flera geografiska områden Kommer webbplatsen gälla för flera geografiska områden? Börja läs på sid 4 och definiera olika geografiska områden som kategorier på din webbplats. Det finns en demoversion på www.sagademo.se
Alla texter som medföljer är demotexter Redigera alla texter som följer med temat Texterna som följer med temat är demo-texter som är en utgångspunkt så att ni lätttare ser en struktur när ni börjar. Det är meningen att ni ska gå igenom alla texter och gå igenom alla innehållsrutor för att kvalitetssäkra texterna ur ert perspektiv. Bestäm också vad ni vill lyfta fram genom olika innehållsrutor. Typer av problem Listan med olika problem behöver redigeras för att passa era behov. Viktigt är att i den processen ta lekmannaperspektiv och välja ord och begrepp som används av målgruppen. Om ni till exempel tar bort alla diagnoser blir ni inte sökbara av sökmotorer på diagnoser. Diskutera vad ni tror att målgruppen söker på och gör gärna användartester på målgruppen genom korta intervjuer. Kontaktvägar Listan med olika typer av problem behöver också kopplas till olika verksamheter för att visa målgruppen vilken kontaktväg som finns. Det är den diskussionen som är den viktigaste och det främsta syftet med den här sidan. Undvik information som behöver frekvent uppdatering Webbplatsen ska underlätta för målgruppen att hitta hjälp när barn och unga mår dåligt. Information om den här hjälpen finns ofta idag men är spridd på många webbplatser med olika avsändare. Se till att sidan länkar vidare till verksamheternas egna sidor så att du säkrar aktuell information. Samordna med 77 Samordna information med den regionala samordnare som är ansvarig för informationen i 77. Se till att du får information om viktiga uppdateringar för den information du behöver uppdatera manuellt. Ha alltid fokus på målgruppen Syftet med den här sidan är att orientera ungdomar, föräldrar och professionella om vilken hjälp det finns i deras närområde när det gäller psykisk ohälsa. Det är stor skillnad på lekmannaperspektivet och det professionella perspektivet. Fokusera på att besökaren snabbt vill veta vart de ska vända sig när du organiserar informationen och redigerar texter. OBS! Klistra inte in text direkt från PDFer Text direkt inklistrade från PDFer kan orsaka problem i vissa funktioner. Detta beror på att vissa PDF-format hanterar å, ä och ö på ett speciellt sätt. Rensa ( tvätta ) text från kod genom att klistra in text i Anteckningar eller liknande program som ett mellansteg. Det är bra att göra detta mellansteg för all text (även med text från officepaketet) för att säkra att inte oönskad kod följer med. 3
. Anpassa temat Så här kommer du hit: Anpassa temat. Välj Utseende i menyn till vänster.. Klicka på Anpassa under Utseende. Du kan anpassa SAGA-temat på fyra sätt: Titel (vilket områdesnamn som står efter Hit kan du vända dig). Titel och slogan (indextitel och text ovan rubrik Hit kan du vända dig. Färg (En palett med sju färger eller egen färgkod). Typsnitt (De vanligaste standardtypsnitten Georgia, Times, Arial och Helvetica. Logotyper sidfot, publicera flera logotyper i format JPG, PNG eller GIF. Här väljer du typsnitt om du till exempel vill anpassa till en grafisk profil. Här fyller du i det område som uppgifterna gäller. Välj ett geografiskt område som användaren förstår. Undvik att använda kommun eller landsting. Du kan välja mellan sju färger i en palett eller skriv in er egen färg med hexadecimal. Ladda upp logotyper från de organisationer som samarbetar om webbplatsen. Du kan ladda upp så många logotyper du vill. Det läggs alltid till ett extra uppladdningsfält. 4
. Publicera en verksamhet 6 7 3 Skriv exempel på olika insatser i punktform, använd ikonen för punkter. 5 4 Välj Verksamheter i huvudmenyn, välj sedan Lägg till ny.. Här skriver du verksamhetens namn.. Här skriver du en presentation av verksamheten. 3. Här fyller du i kontaktuppgifter och en länk till annan offentlig information på nätet om den här verksamheten. Se nedan för tips på hur du fyller i kontaktinformationen. 4. Välj vilka åldrar som verksamheten riktar sig till. 5. Här skriver du in exempel på insatser som görs på olika nivåer, om en ruta är tom visas den inte på webbsidan. Denna information visas endast under För professionen. 6. Klicka på förhandsgranska för att se hur sidan ser ut. Förhandsgranskningen öppnas i ett nytt fönster/flik. Admin finns kvar i ett eget fönster/flik. 7. När du är klar klickar du på Publicera (Samtidigt sparas all information). (Om webbplatsen gäller flera geografiska områden så kan du i denna vy kryssa i det område som verksamheten riktar sig till, se sid ) Fyll i kontaktuppgifter Om du vill kan du här skriva en text om till exempel öppettider eller telefontider eller något annat du vill förtydliga när det gäller den här verksamheten. E-postadress som allmänheten kan använda för att få kontakt med verksamheten. Komplett URL-adress med http://... till verksamhetens webbplats. Här kan du skriva länkens namn som besökarna ser. Till exempel: Till [ verksamhetens namn] webbplats 5
3. Redigera lista av problem SAGA levereras med en bruttolista över olika svårigheter och problem som kan orsaka psykisk ohälsa hos barn och unga. Ni kan redigera den här listan och lägga till nya problem så att den passar ert område. Lägga till ett nytt:. Klicka på Lägg till ny i vänstermenyn under Problem eller bredvid rubriken överst. Ta bort problem:. Välj Alla problem under Problem i vänster meny.. Håll musen över det problem ni vill ta bort och klicka på Kasta i papperskorgen. När ni kastar bort sidor eller artiklar så hamnar det i papperskorgen, det går att återställa genom att klicka på papperskorgen, välja det innehåll som ni kastat och klicka på Återställ. 6
3. Redigera problem och koppla till verksamhet 7 8 6 3 4 5 Varje problem behöver länkas till olika verksamheter. Innan du gör detta behöver du först föra in alla verksamheter i ditt område.. Här redigerar du namnet på problemet.. Här redigerar du innehållet om problemet. 3. Här skriver du förtydligande som publiceras under Hit kan du vända dig i vänster spalt. 4. Kryssa i de verksamheter som är aktuella. Du kan flytta ordningen genom att hålla ner musknappen och dra verksamheter uppåt och nedåt tills du är nöjd med ordningen. 5. Om det finns anledning att hänvisa till var man ska vända sig om problemet är akut så skriv det här. Om du lämnar den tom försvinner rubriken på sidan. 6. Här ska relaterade länkar publiceras och tips var man kan få mer kunskap om problemet. Du markerar texten du vill länka och klickar på länk-ikonen för att fylla i komplett URL-adress. 7. Förhandsgranska för att säkerställa att det blir som du vill. 8. Klicka på Publicera (Samtidigt sparas all information). 7
3.3 Redigera problem vad är vad? För vissa problem kan det vara aktuellt att skriva information var man ska vända sig akut. Om du lämnar den tom syns ingen akut-rubrik i detta problem. Här skriver du förtydligande under Hit kan du vända dig. Till exempel att vem de i första hand ska ta kontakt med. Här väljer du de verksamheter som är aktuella för detta problem. Du kan reglera ordningen genom att dra och släppa namnen på verksamheterna. Länkar till olika externa sidor där de kan få veta mer om detta problem. Du markerar texten du vill länka och klickar på länk-ikonen för att fylla i komplett URL-adress. Skriv gärna både sidans plats och ämnet du länkar till så hittar sökmotorer lättare. T. ex: Umo.se om självskadebeteende. 8
4. Publicera en sida 5 6 3 4 I Wordpress är Sidor information/text som publiceras på ett ställe. Verksamheter och problem som vi hittills har gått igenom behandlas i WP som Inlägg och kan publiceras på många olika sidor i samma webbplats. Välj Sidor i huvudmenyn, välj sedan Skapa ny.. Här skriver du sidans namn.. Här skriver du sidans textinnehåll. 3. Här väljer du vilken innehållsruta som ska publiceras i högerspalten (se nästa sida om vad som menas med Innehållsrutor ). 4. Här väljer du var sidan ska publiceras, Förälder är den sida som är över denna i hierarkin. Om du inte väljer detta syns inte sidan. 5. Klicka på förhandsgranska för att se hur sidan ser ut. 6. När du är klar klickar du på Publicera (Samtidigt sparas all information). Om sidans hierarkier ( förälder ): Varje ny sida som publiceras behöver få en plats i webbplatsens struktur. Sidans plats i strukturen avgörs i fältet Sidattribut till vänster. Med förälder menas den sida som är ovanför i hierakin. Om du till exempel under Råd och fakta vill ha en sida som ligger till vänster i menyn som heter Länkar så ska Råd och fakta i huvudmeny vara förälder till Länkar. Om du sedan vill ha en undersida till Länkar som heter Länkar för barn så ska Länkar vara dess förälder. Om du publicerar en sida utan att välja detta syns den inte. Om du vill påverka vilken ordning sidor har i menyn som har samma förälder skriver du ett värde i fältet Ordning. Ju lägre värde desto högre upp i hierarkin. Tips: Numrera sidor med värdet 0, 0, 30 40, 50 osv, så kan du lätt lägga en sida mellan två sidor utan att behöva numrera om alla sidor. 9
5. Innehållsrutor skapa nya 3 Innehållsrutor är objekt som kan publiceras på flera olika sidor. Till exempel på startsidan och i högerspalten på vanliga sidor. Ofta brukar innehållsrutor användas till att puffa för annat innehåll i sajten, tänk på att många besökare direkt kan hamna på en sida från sökmotorer och då fungerar innehållsrutorna som en guide för annat innehåll.. Rubrik för innehållsruta. : Text till innehållsruta. 3. Publicera (Observera att den inte syns förrän du publicerat den på en sida, se nästa sida för instruktioner). OBS. Innehållsrutor kan inte läggas till under sidorna Typ av problem, Verksamheter eller För professionen. Ett vanligt exempel är att publicera innehållsrutor i högerspalten på vanliga sidor. Informationen som finns på startsidan är också innehållsrutor. 0
5. Innehållsrutor publicera på sida Så här publicerar du innehållsrutor på en sida Under respektive sida finns det ett fält som heter Innehållsrutor (sidofält). I den här rutan syns alla innehållsrutor du har publicerat.. Kryssa i de rutor du vill ska synas. Nu kan du välja vilken ordning de ska synas genom att dra och släppa dem. Klicka på innehållsrutans rubrik och håll ner musknappen och dra den till den plats du vill ha den. 3. När du är nöjd med ordningen på innehållsrutor: Klicka på publicera. Det går inte att använda förhandsvisning på innehållsrutor. Innan du valt innehållsrutor. Efter att du valt innehållsrutor kan du ändra ordningen på de ovanför linjen med drag-and-drop. Enstaka innehållsrutor administreras under Widgets Det finns några innehållsrutor som du administrerar under Widgets, det gäller innehållsrutan längst ner till höger på startsidan och de som visas till höger på sökresultatsidan. Om du vill ändra dessa: Välj Widgets under Utseende i menyn. På höger sida kan du välja innehållrutor för förstasidan och sökresultatsidan. De andra sidornas innehållsrutor administreras under respektive sida.
6. Vanliga frågor 3 4 Vanliga frågor finns under huvudmenyn och visar frågor enligt principen fäll-ner-fäll-upp. Varje fråga skrivs in i wordpress var för sig men kan publiceras tillsamman på en eller flera sidor. Lägg till ny fråga. Klicka på Lägg till ny under Vanliga frågor i vänster meny.. Här skriver du frågan som en hel mening. 3. Här skriver du frågans svar. 4. Om du har många frågor kan du sortera dem i olika kategorier. Det namn du väljer som kategori hamnar som en vänstermeny på sidan. Här lägger du till kategorier på frågor som skapar en vänstermeny på sidan. Kategorier kan vara en ämnesindelning eller annan sortering på vad frågorna handlar om. Anpassa antalet kategorier till hur många frågor du har.
7. Ändra i sidfot Sidfoten är den text som finns under logotyperna längst ned på sidan. Här kan du skriva ut vilka kommuner och landsting som står bakom sidan eller lägga till ytterligare information eller kontaktuppgifter. 3 Sidfoten redigerar du under Innehållsrutor. Klicka på Alla innehållsrutor i menyn till vänster som finns under Innehållsrutor Välj innehållsrutan som heter Sidfot, klicka på Redigera. Ändra texten i editorn. 3. Klicka på publicera / uppdatera-knappen 3
8. Om sidan gäller flera geografiska områden Om din sida gäller flera geografiska områden och du vill att besökarna ska kunna sortera verksamheter på geografiska områden så hittar du det längst ned till höger under respektive verksamhet. Om du ska skapa ditt första område klickar du på Område till vänster under menyn Verksamheter. Där kan du lägga till och ta bort områden. Under respektive verksamhet kan du sedan kryssa i geografiskt upptagningsområde, du kan välja ett eller flera områden för varje verksamhet. Om du vill radera ett område klickar du i rutan klickar du på Radera. Om du vill byta namn klickar du på Redigera. 4
9. Uppdatera permalänkar Om du uppdaterar ett namn på en sida eller ett inlägg (till exempel typ av problem eller verksamhet) i fält ovan kommer namnet på sidan och permalänken inte stämma överens. I Wordpress uppdateras inte permalänkar automatiskt. Om du vill uppdatera permalänken ska du klicka på Redigera (markerat med ovan). 3. Uppdatera permalänken. Skriv bindestreck istället för mellanslag och undvik å, ä och ö.. Klicka på knappen OK. 3. Klicka på Uppdatera för att permalänken ska sparas. 5
0. Tillägg som ingår Saga levereras med två tillägg (s k plug-in ): WP Translate WP Translate gör det möjligt att integrera Google Översätt till webbplatsen så att det går att översätta texterna till olika språk. WP Translate är inte aktiverat utan behöver aktiveras genom att klicka på Aktivera under namnet. Google Analyticor Webbplatsen kan kopplas till ett Google Analyticskonto. Under Inställningar kan du aktivera Google Analytics genom att skriva in den Google Authentication Code du får när du skapar ett konto. Här skriver du in din kod du får när du skapar ett konto i Google Analytics. 6
. Användare med olika behörigheter Det finns två behörigheter av användare, Admin och Skribent. Efter installation har båda användartyperna samma lösenord (det som du valde vid installation). Du kan redigera användare och byta lösenord genom att klicka på redigera som syns när du för musen ovanför användartyperna (markerat med ) ovan. Skribent har begränsad behörighet till övergripande förändringar, men kan ändra i alla texter. Admin har full behörighet. Flera användare kan använda samma användarnamn. Om du vill kan du skapa nya individuella användare. Klicka då på Lägg till ny ovan (markerat med ). 7
. Anpassa bildspelet I webbtemat finns ett bildspel som innehåller royaltyfria bilder. Du får använda dessa bilder om du vill. Om du vill uppdatera eller ladda upp nya bilder gör du så här:. Klicka på bildens namn för att redigera eller byta ut befintlig bild.. Eller klicka på Lägg till ny för att lägga till en ny bild. Se nedan. 3 Lägg till ny bild:. Ge bilden ett namn (syns endast i admin). Klicka på Ange utvald bild och ladda upp en bild från din dator. 3. Klicka på Publicera för att spara bilden. Storlek på bild: 0 pixlar bred och 00 pixlar hög. 8