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 Östmar
www.centerpartiet.net/personer/mattiasostmar
@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? 3
Att välja utseende (tema) för din hemsida och/eller blogg 7
Sidor och inlägg – skillnaden mellan blogg och hemsida 9
Så skapar du sidor och huvudmenyn 13
Så skapar du en hemsida med separat blogg 15
Så lägger du in widgets på olika sidor 17
Så skapar du inlägg på bloggsidan (eller ”nyhetssidan”) 20

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


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.
Kontaktsida
Det 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.



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



Vår politik-sida
Varje 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:



Distrikts- och kretsanknytning
Alla 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.



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.



Steg 2.



Sidor och inlägg – skillnaden mellan blogg och hemsida
På 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.



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).



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.



Så skapar du sidor och huvudmenyn
På 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).



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.



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



Skapa en sida som blogg-/nyhetssida



Inställningar för start- respektive bloggsida

Klart!



Så lägger du in widgets på olika sidor
Widgets ä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.



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).



Så skapar du inlägg på bloggsidan
Som 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:



Så kategoriserar och etiketterar du ditt inlägg



Så länkar du till en sida (nyhet, bloggpost, artikel etc)
Steg 1. Kopiera adressen lit sidan du vill länka till



Steg 2. Markera den text på din egen sida som du vill ska länkas till den externa sidan.



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.



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.



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!



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.



Så här lägger du in embed-kod från t ex YouTube i ett inlägg
Besö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.



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


Hemsidesmanual för centernätet (wordpress)

Recommandé

Recommandé

Contenu connexe

Similaire à Hemsidesmanual för centernätet (wordpress)

Similaire à Hemsidesmanual för centernätet (wordpress) (19)

Plus de Centerpartiet

Plus de Centerpartiet (20)

Hemsidesmanual för centernätet (wordpress)