Hemsidesmanual för centernätet (wordpress)

Bygga hemsidor i Wordpress

För nybörjare på Centernätet och andra Wordpressanvändare

Juni 2010

Författare: Mattias Östmarwww.centerpartiet.net/personer/mattiasostmar

@mattiasostmar

http://www.centerpartiet.net/personer/mattiasostmar

http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Innehåll

Vad ska minst finnas på hemsidor för distrikt och kretsar? 3Att välja utseende (tema) för din hemsida och/eller blogg 7Sidor och inlägg – skillnaden mellan blogg och hemsida 9Så skapar du sidor och huvudmenyn 13Så skapar du en hemsida med separat blogg 15Så lägger du in widgets på olika sidor 17Så skapar du inlägg på bloggsidan (eller ”nyhetssidan”) 20

Författare: Mattias Östmar @mattiasostmar sid. 2/32

http://webbskolan.centerpartiet.net/

http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Vad ska minst finnas på hemsidor för distrikt och kretsar? Det finns information som distrikt och kretsar på Centernätet inte bör sakna. KontaktsidaDet allra viktigaste är naturligtvis att uppdaterade kontaktuppgifter finns tydligt på hemsida så att ni kan bli kontaktade. Detta löser ni enklast och bäst genom en huvudsida i menyn med namnet ”kontakt”. Följande är ett bra exempel på hur kontaktsidan kan se ut för ett distrikt:

Det är även mycket viktigt att varje distrikt ansvarar för att leda besökaren vidare till respektive kommunkrets från sin hemsida. Allra bäst är att även ha en kontaktsida med kontaktuppgifterna till respektive krets tillsammans med länk till deras hemsidor.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben”

Och så här kan ett bra exempel på kontaktsida för en krets se ut:



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Vår politik-sidaVarje distrikt och krets ska ha en sida som beskriver Centerpartiets politik. Om man inte vill eller kan skriva en sådan sida som beskriver den lokala politiken ska sidan istället länka besökaren vidare till Riksorganisationens politik sida. Det är enkelt gjort:



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Distrikts- och kretsanknytningAlla hemsidor och bloggar som representerar ett distrikt, krets eller en avdelning ska knytas till rätt distrikt och kommun. På så sätt underlättar vi för besökare att komma i kontakt med Centerpartiet nära dem själva. Så här gör du för att knyta din blogg eller hemsida till en krets. Precis ovanför kretsanknytningen finns knappen för distriksanknytning som fungerar på samma sätt (se punkt 3 bilden).

OBS! Glöm inte att trycka på knappen ”Kretsanknyt blogg(-arna)” respektive ”Distriktsanknyt blogg(-arna)” under listan för att inställningarna ska sparas.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Att välja utseende (tema) för din hemsida och/eller blogg I Wordpress finns möjligheten att välja utseende på sin hemsida utan att det påverkar innehållet. I Wordpress kallas det Tema. På Centernätet finns idag två teman att välja på som båda är anpassade för just Centerpartiet. De som startade sin blogg eller hemsida innan våren 2010 har ett tema förvalt, men kan enkelt ändra till det valanpassade temat vi skapat inför valet 2010. Så här gör du för att ändra designtema. Observera att alla dina inlägg, sidor, bilder och annat innehållet finns kvar precis som innan även om du byter tema fram och tillbaka.Steg 1.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Steg 2.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Sidor och inlägg – skillnaden mellan blogg och hemsidaPå Centernätet används publiceringsverktyget Wordpress för att skapa både hemsidor och bloggar. Det finns tre sorters webbplatser vi kan välja att bygga:1. En blogg.På en blogg skriver du inlägg (eller bloggposter, vilket är samma sak). Vartefter du skriver nya inlägg hamnar det senaste överst. Varje inlägg följer standarden för bloggar, dvs har tydlig datummarkering och författare samt kan och bör kategoriseras och etiketteras.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Blogginlägg arkiveras automatiskt efter datum, etiketter och kategorier och på en vanlig blogg brukar det synas genom att man har ett arkiv, en kategorimeny och ett etikettmoln (eller ”taggmoln” vilket är samma sak).



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” 2. En hemsida med blogg. Nuförtiden är det vanligt att företag och organisationer kombinerar en hemsida med en blogg.

Jag rekommenderar särskilt distrikt och kretsar att kombinera en blogg och hemsida. Bloggen är nämligen ett bra verktyg för politiskt kampanjande och debatt, medan hemsidan är bra för att tillhandahålla information till besökare.Du kanske inte har ambitionerna att bli det man kallar en ”bloggare”, dvs en person som aktivt deltar i debatter med andra människor på Internet (se Centerpartiets bloggmanual) genom att flitigt uppdatera sin blogg och se till att följa och synas i samtalen i sociala medier. Det viktiga är dock att du skriver inlägg för att hålla hemsidan uppdaterad, inte om du kallar det du skriver för bloggposter, inlägg eller t ex nyheter. På www.centerpartiet.se fungerar till exempel nyheterna som en slags bloggposter och man hittar dem genom att klicka på menyvalet ”nyheter”.







Du kan själv välja att döpa huvudsidan till antigen ”blogg”, ”nyheter” eller varför inte ”aktuellt”? Bara din fantasi sätter gränser. I Knivsta kallar de till exempel sidan för ”debatt” eftersom de där publicerar sina insändare som inlägg.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så skapar du sidor och huvudmenynPå en hemsida skapar du sidor, dvs text som är mer eller mindre statisk och aktuell över tid (t ex det politiska programmet eller kontaktuppgifterna). Sidor hamnar automatiskt i huvudmenyn på sidan om du inte väljer att de inte ska synas där.

Du kan själv bestämma var någonstans i menyn en sida ska synas och därigenom skapa en hierarkisk menystruktur, dvs huvudsidor som i sin tur kan ha undersidor. Det gör du i panelen när du skapar eller redigerar en sida (se längre fram).



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” 3. En blogg. Om du till exempel är kandidat eller vill ha en webbplats för dig som enskild person kan du använda Centernätet för att skapa en vanlig blogg.. Andra alternativ än Centernätet är att skapa en blogg på till exempel www.wordpress.com, www.blogger.com eller någon tidning som erbjuder blogg för sina läsare. Om du väljer det sistnämnda bör du tänka över att det ofta gör att du begränsar din läsekrets till framförallt läsare av den tidningen i de fall då de inte erbjuder en prenumerationstjänst på dina inlägg, sk RSS som gör att bloggsökmotorer såsom t ex Twingly.com kan följa ditt innehåll löpande och sprida det till andra.



http://www.blogger.com/

http://www.wordpress.com/

http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så skapar du en hemsida med en separat blogg

För att skapa en hemsida med en separat blogg (eller sida med ett flöde av nyheter t ex) behöver du följa ett antal olika steg i en viss ordning. Detta tar en stund att göra och det gäller att hålla tungan rätt i mun, men när det väl är gjort kommer du aldrig behöva göra det igen. Jag kommer att gå igenom varje steg noggrannare på de efterföljande sidorna. De här stegen behöver du göra:1. Skapa en sida du vill använda som statisk startsida, dvs som besökarna alltid kommer till.2. Skapa en sida du vill använda som bloggsida, eller för att visa ett flöde av inlägg du kallar nyheter eller liknande med det nyaste överst.3. Göra inställningarna för val av startsida respektive bloggsida.Skapa en sida som startsida



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Skapa en sida som blogg-/nyhetssida




Inställningar för start- respektive bloggsida

Klart!



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så lägger du in widgets på olika sidorWidgets är en slags behållare med innehåll som har den fördelen att innehållet kan uppdateras automatiskt och placeras nästan vart som helst på en eller flera sidor. Det sistnämnda är särskilt bra för att visa samma innehåll i högermenyn utan att behöva lägga dit det manuellt varje gång man gör en ny sida.




Widgets fungerar så att du drar och släpper dem i ett utrymme som är förberett just för widgets. I mitten på sidan ser du vilka widgets som finns tillgängliga och till höger på sidan har du de olika widget-utrymmena. Notera att ”högerspalt” är din bloggsida, medan startsida vänster-, höger- och dubbelkolumn förstås är din eventuella startsida.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Om du har gjort en statisk startsida kan du välja vilka widgets du vill ska synas i hela tre olika utrymmen på startsidan; vänsterspalt, mittenutrymmet respektive högerkolumnen.

Om du är riktigt avancerad användare kan du även skapa ytterligare en en sida (välj mallen ”Widget-sida” och använda tre ytterligare utrymmen för Widget-sida (se nere till höger ovan).



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så skapar du inlägg på bloggsidanSom du kommer ihåg från tidigare hamnar inlägg på din bloggsida och sidor i huvudmenyn. I vårt exempel i den här manualen har du skapat en sida som heter ”nyheter” där dina inlägg kommer att publiceras med det senaste överst.Så här skapar du ett inlägg:



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så kategoriserar och etiketterar du ditt inlägg



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så länkar du till en sida (nyhet, bloggpost, artikel etc)Steg 1. Kopiera adressen lit sidan du vill länka till



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Steg 2. Markera den text på din egen sida som du vill ska länkas till den externa sidan.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Därefter klistrar du in adressen du kopierade tidigare i fältet för URL. Högerklicka i fältet för att markera och ersätta allt i rutan.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Välj därefter om du vill att den som klickar på länken ska få den nya sidan öppnad i samma webbläsarfönster som din sida är i (öppna länk i samma fönster) eller om en ny flik eller webbläsarfönster ska öppnas och besökaren lätt kan gå tillbaka till din gamla sida. Min egen tumregel är att länkar som leder till sidor som inte ligger på din egen webbplats ska öppnas i nytt fönster.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” I fältet ”Titel” bör du skriva in en text som beskriver vad länken leder till. Detta kan bland annat underlätta för synskadade som läser till webbplats med hjälp av uppläsningsfunktion. När du tryckt på Infoga är din länk klar!



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så här lägger du in en bild som du sparat på din dator

Vänta därefter en stund tills bilden laddats upp till Wordpress och du får upp följande ruta:




Därefter klickar du på ”spara alla ändringar” så behålls bilden i ditt mediabibliotek för framtida bruk.



http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Så här lägger du in embed-kod från t ex YouTube i ett inläggBesök den sida som innehållet du vill bädda in ligger på. I det här fallet har jag gått till Centerpartiets kanal på YouTube (www.youtube.com/centerpartiet) och klickat på Annie Johanssons film.



http://www.youtube.com/centerpartiet

http://webbskolan.centerpartiet.net - ”För dig som vill på webben” Därefter klistrar du in koden i ditt inlägg. Se till att du är i HTML-läge – annars kommer koden att synas i fulltext istället för att filmen visas i inlägget!

Mer instruktioner och tips hittar du som vanligt på http://webbskolan.centerpartiet.net

Lycka till! /Mattias Östmar




Education

Hemsidesmanual för centernätet (wordpress)