Din portfolio som hemsida på nätet

WordPress är en väldigt användbar nätportal, som kan användas både som blogg men även för att bygga upp din egen hemsida eller portfolio på nätet. Verktygen är lätta att använda och det erbjuds många färdiga layouter som  enkelt kan anpassas efter dina behov och önskemål. Grundverktygen för WordPress är dessutom gratis och din portfolio kan därmed byggas upp på nätet helt och hållet utan kostnader.

Denna sida presenterar kort hur en portfolio kan byggas upp som hemsida på nätet med hjälp av WordPress-portalen som grund. Sidan har skapats som en del av Portfolio grundkursen vid Yrkesskolan Axxell för artesanstuderande (textil och guldsmide).

Vi går steg för steg igenom hur man kan ändra layout på sin hemsida, lägga till bilder, inlägg, sidor och var det är bäst att placera text, information och dylikt. Målet är att bygga upp en virtuell portfolio, lättillgänglig för allmänheten, som representerar dig som hantverkare/konstutövare. 

Kursledare och skribent: Elin Sandholm – formgivare, egenföretagare och lärarvikarie.
Kontaktinformation: elinsandholm(at)hotmail.com

Kursen dras vid Yrkesskolan Axxell (Ekenäs, Finland) men innehållet på denna sida är helt och hållet uppbyggt av kursens ansvariga lärare. Denna sida är inte ett officiellt dokument från Yrkesskolan Axxell. Elin Sandholm står personligen för allt material på denna sida.

1. Skapa din egen wordpress-sida

Klicka på bilden för att göra den större

För att komma igång med din virtuella portfolio krävs att du registrerar dig och skapar dig en egen WordPress-sida.

• Klicka dig fram till wordpress startsida (www.wordpress.com) och tryck på ”Get Started”. Följ instruktionerna som ges.
• Programmet kräver att du väljer vissa inställningar redan i det här skedet. Notera att alla dessa inställningar går att ändra i efterhand. Den enda inställningen som inte går att ändra kostnadsfritt i efterhand är domain namnet du väljer, alltså din hemsidas webadress. Välj denna med omsorg. Domain namnet ska gärna vara enkelt och beskrivande. *

Domain namnet/webadressen för denna sida är långt och invecklat – portfoliotesthemsida.wordpress.com – välj gärna något enklare

* Vill du senare ändra domian namnet är det möjligt mot en liten kostnad.

2. Bakrummet / läsarvy

Bild 1 – bakrummet/inställningssidan

Då du skapat din WordPress sida kastas du automatsikt till inställningssidorna eller ”bakrummet” som det även kallas (bild1). I bakrummet görs alla inställningar för din hemsida – layout, färger, bilder, inlägg, text….

Bild 2 – läsavy

Då du jobbar med att uppdatera din hemsida rekommenderar jag att du även öppnar en ny flik i browsern (uppe på sidan) där du kan se läsarvyn på din hemsida – alltså hur hemsidan ser ut för en besökare (bild 2)

På så sätt kan du helatiden kontrollera hur dina uppdateringar ser ut för läsaren (-> tryck på F5 knappen för att uppdatera websidan efter varje ändring du gjort ).

3. Att välja tema/layout

Redan då du registrerade din websida på WordPress var du tvungen att välja någon form av tema/layout för din sida. Ingen fara, detta tema går enkelt att ändra utan att någon text går förlorad.

Teman/themes (eng.) är färdigt uppbyggda layouter för WordPress som man kan använda fritt. Många av dem är gratis och går dessutom att justera vad gäller färger, bilder, textstorlek o.s.v. Dessa hittar du i bakrummet under Apperance -> Themes (bild 1).

Bild 1 Teman/themes

Genom att trycka på Preview intill visas en förhandsgranskning hur detta tema skulle se ut för läsaren. För att stänga förhandsgranskningen – tryck på Cancel nere i högra hörnet. Då du hittat ett tema som passar dig – tryck på Activate intill temat. Först då aktiveras detta tema för din hemsidan.

Nästa steg är att ändra och justera temat så att det passar din hemsida, det vill säga byta bilder, färger, fonter och bakgrunder. Vad som är möjligt att ändra beror på vilket tema du valt.

Notera att du kan byta tema flera gånger utan att någon text på din hemsida går förlorad.

4. Att justera sitt tema/layouten

Då du valt ett tema har du en grundlayout att utgå från. Detta tema går dock att justera efter egna önskemål, med vissa begränsningar. Exempelvis byta bild i headern (huvudbilden), ändra bakgrundsfärg, fonter och textplaceringar. Detta gör i bakrummet under Apperance -> Themes -> Customize (bild1)

Bild 1. Att justera sitt tema

Bild 2. 

Då kastas du automatiskt till läsarvyn,och genom att klicka på den blåa balken till höger om hemsidan kan du göra ändringar i din layout (bild 2). Då du är färdig med dina ändringar – kom ihåg att trycka på Save längst ner till höger på den blåa balken.

Notera att alla ändringar inte är möjliga att göra. Vad som är möjligt att ändra beror även på vilket tema du valt. Vill du ha åtgång till mera ändringsalternativ än de som erbjuds måste du betala för ditt tema.

 

5. Att använda Widgets

Bild 1 Sidofältet i läsarvyn

Sidofältet (markerat med rött på bild 1) på din hemsida är uppbyggd av såkallade Widgets. Dessa kan du ändra, ta bort eller lägga till i bakrummet under Apperance – > widgets.

Bild 2. Inktiva Widgets till vänster, aktiva Widgets till höger i Main side bar.

Några praktiska widgets:

• Sök/Search  – en ruta där läsaren kan söka specifik info på din hemsida.
• Bild/Image – En bild på dig själv, din produkter eller t.ex. en eventuell återförsäljare.
• Arkiv/Archives – om du skriver mycket och ofta kan det vara enklare att hitta på hemsidan med hjälp av ett arkiv.

 Bild 3. Aktivera en widget genom att dra den till sidofältet/Main side bar.

I backrummet lägger du  till en Widget genom att dra önskad widget-ruta till sidofältet/main side bar (bild 3). Alla Widgets som finns under Main Side bar är aktiverade, dock måste man fylla i viss information under en del av dem för att de skall fungera.

6. Skillnaden mellan sidor och inlägg

Vad gäller text och information finns det två huvudsakliga alternativ att jobba med i WordPress.

Inlägg/Posts (eng.) – dessa inlägg publiceras på framsidan av din hemsida, i den ordningsföljd du skapar dem – nyaste inlägget högst upp på hemsidan. Här rekommenderar jag att man skriver information som är aktuell just nu (info om utställningar, nya produkter, uppdaterade kontaktuppgifter…) Sådant som är viktigt för stunden. Denna text som du läser nu har publicerats som ett inlägg.

Sidor/Pages (eng.) – dessa sidor publiceras under flikarna högst upp på din sida. Tvärtemot inläggen som radas på varandra så flyttar dessa flikar aldrig plats. Här är det bra att skriva viktigt ”permanent” information som läsaren kan behöva (kontaktuppgifter, information om dig, eventuella tidigare arbeten, press…). Vissa teman har dock inte några sidor/flikar. Jag rekommenderar att du väljer ett sådant tema som har flikar eftersom dessa är väldigt användbara. 

Både Inlägg/Posts och Sidor/ Pages skrivs och ändras i bakrummet. En mer ingående beskrivning hur dessa använd kommer till näst.

Bild 1. Skillnaden mellan sidor/pages och inlägg/posts

7. Att skriva inlägg

Inläggen/Posts (eng.) du publicerar på din WordPress hemsida radas som sagt efter varandra på hemsidans startsida – nyaste inlägget högst upp (omvänd ordning går även att ställa in).

Bild 1. Att skriva och publicera inlägg

Inläggen skrivs i bakrummet under Inlägg/Post -> Add new. Här kan du skapa inlägg i textform och använda de verktyg som finns ovanför inläggsrutan för att justera texten (kursiv, bold, listor…) men även lägga till bilder, länkar och andra filer till ditt inlägg (detta går vi in på mer senare).

För att ditt inlägg skall bli synligt för läsaren måste du publicera det då du är klar med skrivandet. Längst till höger, bredvid inlägg rutan i bakrummet (bild 1), finns en knapp där det står Publicera/Publish. Då du tryckt på den är ditt inlägg läsbart av allmänheten på din hemsida.

Publicera aldrig halvfärdiga inlägg. Ifall du inte har skrivit klart ditt inlägg kan du istället spara det som Utkast/Draft genom att trycka på Spara utkast/Save Draft, till höger om inläggsrutan i bakrummet. Då sparas ditt inlägg men bli inte synligt för läsaren på din hemsida. Endast du kan läsa inlägget i bakrummet under Posts -> All Posts.

På samma ställe, till höger om inläggsrutan, kan du även ändra publiceringsdatum för ditt inlägg (ifall du t.ex. vill kasta om ordningsfäljden på dina inlägg) eller tidsinställa ditt inlägg så det publiceras av sig själv ett visst datum och klockslag.

7. Att lägga till sidor

Bild 1. Sidor

Sidor/Pages (eng.) – dessa sidor publiceras under flikarna (bild 1) högst upp på din sida. Här är det bra att skriva viktigt ”permanent” information som läsaren kan behöva. Notera att vissa layout-teman inte har några sidor/flikar. Jag rekommenderar i så fall att du väljer ett annat tema.

 

Bild 2. Skriva sidor i bakrummet

De olika sidorna skapar du själv i bakrummet under Page -> Add page. Här fyller du i rubrik, text och eventuella bilder. All info går att justera när som helst. Men kom ihåg att klicka på Publish/publicera (eller Update, om du justerar en existernade sida) till höger då du är klar. Varje sida kräver en egen rubrik. Du hittar sedan alla dina sidor under Pages -> All Pages. Lik som inlägg, kan dessa även skrivas och sparas som utkast/Draft.