Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1
Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg sid 6 2. Skriv in din text sid 7 3. Länka din text sid8 4. Ladda upp och länka till en pdf sid 9 5. Bilder sid 10 5.1. Lägg till bild från mediebiblioteket sid 10 5.2. Att döpa och beskriva en uppladdad bild sid 11 5.3 Justering och storleksförändring av vanlig bild 5.4 Justering och storleksförändring av Utvald bild 5.5 Lägg till Utvald bild sid 12 5.6 Lightbox för vanlig bild sid 13 6. Lägg till en youtube- eller vimeofilm sid 14 7. Gör inlägget sökbart sid 15 7.1 Inläggsetiketter 8. Spara och publicera sid 16 8.1 Publicera direkt 8.2 Utkast 8.3 Förhandsgranska 8.4 Tidsinställt 9. Länkbibliotek sid 17 10. Kalender sid 21 11. Övriga funktioner 12. Skapa en Gravatar 13. Bra länkar 14. Fånga läsare och bygg din text rätt sid 22 Staffanstorps kommun framtidens kommun Kommunen går från en vanlig statisk hemsida till en aktiv, användarvänlig och framför allt tillgänglig webbplats. En webbplats som förändras utifrån medborgarna och deras önskemål. En webbplats som ger medborgarna en möjlighet att föra en enkel dialog med kommunen. 2
Några hållpunkter att tänka på när du bygger upp din nya webbplats. 1. 80% av besökarna kommer till staffanstorp.se (och dess subdomäner) via sökord på google. 2. Lyft upp det viktigaste först, både i inlägg och på sidor 3. Sidor: Bygg en struktur med få sidor. Fyll dessa sidor med viktig, allmän information som framför allt är statisk. 4. Inlägg: Bygg resten av innehållet med hjälp av inlägg med relevanta etiketter. Dessa inlägg blir sökbara i etikett molnet, i arkivet och på google. Inläggen kan innehålla allt som är relevant för så många som möjligt. T ex att en klass jobbat med något speciellt tema eller att en rektor säger något bra. Kan också innehålla filmer och/eller länkar till andra sidor/bloggar. a. Klasspecifik information som veckobrev eller liknande går bra att lägga upp som inlägg med t ex etiketten Klass 2c, men fundera en gång extra om det verkligen är här denna information bör vara. b. All text i inlägg bör vara text och inte dokument (pdf, word). Detta därför att alla inlägg är sökbara och så fort du använder t ex en pdf blir det inte sökbart. Dock är det bra att länka till en pdf eller annat dokument om det är väldigt mycket text där kanske bara en liten del är intressant för alla. Skriv då först en liten text som enkelt beskriver innehållet och länka sedan till dokumentet. 5. Bilder: Jobba i förstahand med Utvald bild i alla inlägg och sidor. I andra hand går det att lägga till små bilder i inläggen/sidorna. Följ instruktionerna i guiden för detta. Vill du lägga upp mängder av bilder rekommenderar vi att du länkar till t ex ett flickr eller picasa album på nätet. Alla bilder på webbplatsen ska ha liggande bilder och så nära 16.9 formatet (1600x900) 3
Logga in Gå till http://www.staffanstorp.se/wp-admin och logga in med dina uppgifter Du kan även gå till din subdomän t ex: http://www.staffanstorp.se/hagalidskolan Där finns sedan en knapp högst upp till vänster som heter Admin. Klicka på den så kommer du till inloggningssidan. När du loggat in kommer du alltid direkt till din Panel. Här väljer du sedan vad du vill göra. 4
Panel När du kommer in till panelen får du en snabb överblick av vad som finns på din sida. Här kan du lätt se hur många kommentarer och inlägg som gjorts. Härifrån kommer man också direkt till de olika delarna av din wordpress. Såsom inlägg, media och sidor. Här kan du även göra snabba, korta inlägg eller egna anteckningar för kommande inlägg. Förutom senaste kommentarer kan man även se om någon annan blogg eller sida länkar hit. 1. Ändra din personliga profil. Högst upp i högra hörnet vid ditt namn. 2. Ändra dina panelinställningar. Klicka i alla rutor till att börja med. 5
Wordpress och Sociala medier av Sanna Ohlander Guide för subdomänerna 120125 Skapa/redigera sida eller inlägg 1. Välj Sidor - Skapa ny 1.1 Välj vilken förälder sidan ska ligga under. (ex. vision, boende, uppleva) 1.2 Välj ordning på sidan. 0 hamnar överst. Välj sedan 10,20,30 (då är det lätt att lägga till en mellan på t ex 15 om det behövs längre fram) 1.2 Följ instruktionerna från sidan 7 och framåt. 1. Välj Inlägg - Skapa ny 1.3 Välj vilka etiketter som inlägget ska ha. Se sidan 15 1.4 Följ instruktionerna från sidan 7 och framåt. OBS! Både sidor och inlägg SKA ha UTVALD BILD. Se sid 12 OBS! Ska du ändra information i befintlig sida gör du först ett sök under Sidor för att hitta rätt sida, klickar på den och sen följer du samma instruktioner som för att skapa en ny sida. 6
2. Skriv in din text (se även mer om att skriva på sidan 22) - Titel - Ska vara en enkel men konkret beskrivning av innehållet i texten. - Rubrik Rubrik 3 - Ingress - om du använder ingress gör den italic (kursiv) - Stycke - Mellanrubriker Rubrik 4 - Citat - använd alltid citatknappen - Använd inte BOLD för att göra en rubrik tydligare. Använd alltid de förutbestämda formaten. - Har du hämtat texten från en annan webbplats eller något annat dokument, t ex word. Använd textrensarna (bild: Gul mapp med T eller W, se nedan) så att det inte kommer med felaktiga formateringar. 7
3. Länka din text Att länka ord, meningar, namn och orter i sin text är viktigt. - Markera det du vill länka - Klicka på kedjan - Fyll i länkadress och ev. titel - Länka till en epostadress: klicka på kedjan, skriv mailto: och adressen - Sökmotorer som t ex Google lever på att texter länkas. Ju bättre och mer kompatibla länkar desto högre upp i sökmotorn kommer texten. Detta i sin tur gör att den som letar efter ett specifikt intresseområde eller ord lättare hittar det den letar efter. - För att läsaren på ett enkelt och lätt sätt ska förstå vad den länkade texten syftar till gäller det att göra en bra beskrivning när man skriver. För att länken ska bli engagerande och ge den information läsaren vill ha ska man därför undvika ord som klicka här och läs här. 8
Wordpress och Sociala medier av Sanna Ohlander Guide för subdomänerna 4. Ladda upp och länka till en pdf Ibland vill man länka till en pdf. Såhär gör du. - 120125 Ladda upp din pdf via mediebiblioteket genom att välja Media och Lägg till. Välj fil från din dator att ladda upp. Skriv in titel och ev. beskrivning. Spara Gå till ditt inlägg eller din sida. Ställ markören där du vill att din pdf ska länkas Klicka på stjärnan mediebibliotek Sök upp din pdf Infoga i innehåll 9
Wordpress och Sociala medier av Sanna Ohlander Guide för subdomänerna 5. 120125 Ladda upp och lägg till bild På följande sidor vägleds du genom hur du lägger upp bilder i dina inlägg och/eller på dina sidor. 5.1. Lägg till bild från mediebiblioteket - Klicka på Media och sen Lägg till - Klicka på mediebiblioteket (eller ladda upp direkt från Välj filer) - Välj sedan det medie du vill ladda upp till biblioteket, syns inte filen, använd sökfunktionen. - Efter att en fil har laddats upp kan du ange titel, beskrivning, justering och storlek. Se 5.3,5.4 10
5.2 Att döpa och ge beskrivning av en uppladdad bild: - Titel: här skriver man t ex in vem som tagit fotot eller var fotot kommer ifrån t ex: Foto av Lisa Lisasson. - Alternerande text: Beskriv kort vad det är på fotot (är för att förenkla för de som är blinda och för sökmotorerna) t ex: Eldstad eller Kommunhuset i Staffanstorp - Filadress se till att filadressen länkar till wp-content/uploads 5.3 Justering och storleksförändring av vanliga bilder - Justering: välj vänster, centrerad eller högerställd bild - Storlek: om du ska lägga in en bild som är höger- eller vänsterställd är det en fördel om du väljer miniatyr som storlek. Är bilden vald som ingen eller centrerad bör du välja medium storlek. - För att få lightbox funktionen till en vanlig bild, se 5.6 sid 12 5.4 Justering och storleksförändring av Utvald bild - filen ska helst vara 16.9 format. 1600x900 pixlar - Justering: välj ingen - Storlek: Välj full storlek - på utvald bild hamnar bilden automatisk i en lightbox (som gör att det går att klicka på den så den blir stor). 11
Wordpress och Sociala medier av Sanna Ohlander Guide för subdomänerna 120125 5.5 Lägg till Utvald bild (OBS! alla inlägg och sidor ska ha detta) - Utvald bild använder du som huvudbilden i inlägget. - Klicka på utvald bild och ladda sedan upp en mediefil från datorn eller biblioteket. - Följ anvisningarna i 5.1 och 5.2. Klicka på Använd som utvald bild. 12
5.6 Få lightboxfunktion på vanlig bild (bara om du vill) - efter att du lagt till bilden i inlägget eller på sidan och infogat/sparat, klickar du på bilden. Det dyker då upp två rutor. En med en bild och en med en röd cirkel. Klicka på den med bilden för att få upp fönstret med andra inställningar. - klicka på avancerad inställningar. - längst ner i det fönstret hittar du avancerade länkinställningar. I raden som heter CSS Class fyller du i textern Lightbox. - uppdatera och sen har bilden funktionen lightbox. klicka på bilden klicka på avancerade inställningar skriv in ordet Lightbox 13
6. Lägg till en youtube- eller vimeofilm För att lägga till en film från nätet gör du följande: 6.1 Lägga till en film - leta upp den film du vill visa (från t.ex youtube.com) - kopiera URL (den länk som visas i webläsaren) - klistra in den i inlägget eller på sidan där du vill ha den. Spara 14
7. Gör ditt inlägg sökbart När du har skapat ett nytt inlägg, skrivit din text, länkat och lagt till bild är nästa steg att göra de sista tilläggen som är små men oerhört viktiga för hur läsaren ska hitta texterna. 7.1 Etiketter - Välj här några etiketter som utgår ifrån texten och hur läsaren kommer att söka. Tänk på hur du själv skulle söka efter en specifik text inom ett område. - Dessa etiketter hamnar bland Etiketter högst upp på er sida och blir lätta att leta och söka i för besökarna. Etiketter som är sökbara och lättåtkomliga 15
8. Spara och Publicera Nu har du kommit till sista steget för ditt inlägg. Det är dags att publicera inlägget. Nu kan du välja på att publicera direkt, spara utkastet till senare eller publicera en annan dag. 8.1 Publicera direkt - klicka på publicera knappen 8.2 Utkast - klicka på spara utkast 8.3 Förhandsganska utkastet innan publicering på knappen förhandsgranska 8.4 Publicera vid ett specifikt klockslag eller dag. - klicka på redigera bredvid publicera direkt och fyll i datum och tid. spara. 16
9. Länkbibliotek Alla subdomäner har möjlighet att ha ett länkbibliotek som sida i högerspalten. För att skapa ett länkbibliotek gör du följande: 1. Skapa en ny sida. Döp den till Länkbibliotek. Längst ner på högersidan bland sidattributen, där du även väljer förälder, finns något som heter Mall. Som förval har alla sidor standardmall. Här ska du istället välja Länkbibliotek. Tryck sedan Publicera. 2. Du går nu till panelen och i vänsterspalten mellan Media och Sidor finns en rubrik som heter Länkar. Klicka på den. 3. I detta fönster som nu öppnats i panelen kan du enkelt lägga till och ta bort länkar som ska synas i Länkbiblioteket. Du kan här även välja om du vill ha länkarna indelade i kategorier. Kategorierna ändrar du under rubriken Länkkategorier. Välj länkbibliotek 17
18
10. Kalender Om du vill ha en kalender på din webbplats, gör följande: 1. Skapa en Google kalender via ett Google konto. Den URL (webbadress) som skapas när du gör kalendern skickar du till Lisbeth tillsammans med webbplatsens namn (skola, förskola). 2. Vi skapar en funktion på din sida som sen automatiskt kommer att länkas med din kalender på Google. Du ändrar informationen på Google kalendern. 11. Övriga funktioner Meddela rätt text i adress, sjukanmälan till Lisbeth så ordnar vi det direkt. Om du ser andra widgetar/plugins som du skulle vilja ha på din webbplats. Meddela Lisbeth detta så tittar vi på det och återkommer med om det går eller inte. En widget/plugin är ett program som någon skrivit för att underlätta vissa funktioner i wordpress för användarna. Det finns massvis ute på marknaden.) 12. Skapa en Gravatar En Gravatar är en bild av dig som följer din e-postadress. I många system läggs den sedan upp automatiskt. Gå in via denna länken http://sv.gravatar.com/ öppna den i Google Chrome med översättning. Skaffa dig en inloggning. Skriv upp den om du vill byta bild. Lägg till en bild som följer din e-postadress. 13. Bra länkar http://dagenssamhalle.se/debatt/sociala-medier-bra-dialog-12014 http://kommunchef.com/katrineholm-i-sociala-medier/ http://www.iis.se/docs/att_skriva_for_webben_-_webb_2_.pdf http://kornet.nu/kompendium_korn.shtml 19
14. Fånga läsaren genom att bygga din text rätt Alla som läser på nätet, skumläser. Statistiken säger dessutom att vi har ca 4 sek på oss att fånga läsaren. För att lättare kunna fånga läsaren och få den att läsa din text bör du tänka på följande: - - - Skriv det viktigaste och/eller slutsatsen först i inlägget Fortsätt med så många detaljer som möjligt Avsluta med bakgrunden. Har du lyckats behålla läsaren hit är de tillräckligt intresserade. Det viktigaste av allt: utgå från läsaren och vad han/hon vill veta, inte dig själv och din kunskap eller önskan. Bygg upp texten rätt: - - - - Rubrik (ett bra tips är att aldrig skriva rubriken först. Gör den sist!) o Denna måste beskriva ordentligt vad inlägget handlar om. Tänk på att det många gånger är rubriken som syns på google och det som läsaren först ser. Ingress o Markera en del av texten som ingress (kursivera) för att hjälpa läsaren Mellanrubrik o Utnyttja möjligheten till mellanrubriker, det underlättar oerhört för läsaren. Blankrader o Även blankrader eller nya stycken är viktigt att använda sig av. Det hjälper ytterligare läsaren att hitta intressanta punkter i texten. Avslutningsvis är det bästa rådet att inte ha bråttom. Läs igenom dina texter i lugn och ro innan du publicerar. Låt någon annan korrekturläsa texterna. 20