Kunskapsdokument - WordPress

WordPress är ett fantastiskt verktyg för att snabbt komma igång med en webbsida som kan användas till allt från enkla bloggar och hela vägen till avancerade system.

CMS

CMS står för Content Management System, dvs innehållshanteringssystem, och är en webbapplikation som gör att man kan underhålla en webbplats utan att behöva redigera varje sida med ett webbredigeringsprogram. Fokus ligger på innehållet och användaren behöver inte bry sig om att koda hemsidan.
Det finns mängder av CMS, såväl kommersiella som öppna (open source). Med öppna menas att programvaran och grundfunktionerna är öppen källkod och som normalt inte kostar något. Ett kommersiellt CMS kostar ofta både en grundlicens och sedan en årsavgift. Vilket system man väljer, beror på användningsområde och budget.
Open source: Drupal, WordPress, Joomla!, Mambo
Kommersiella: EPiServer, Escenic, Polopoly, Roxen

Open source innebär att källkoden är fritt tillgänglig. Kommersiella CMS kräver oftast licensavgift.

Varför lära sig CMS

Att arbeta med CMS blir allt vanligare även bland företag, ju bättre systemen blir desto enklare/billigare blir det att publicera information. Enligt Hostinger så driver WordPress idag drygt 43% (juni 2025) av alla webbplatser som finns på nätet.

WordPress driver allt ifrån enkla bloggar till avancerade hemsidor, Alingsås kommuns hemsida bygger t.ex. på WordPress. WordPress som från början var ett enkelt system har idag ett oändligt antal tilläggsmoduler, både gratis och de som kostar pengar att få använda.

WordPress har blivit populärt då det går fort att komma igång, det går att skapa ett eget konto på WordPress hemsida och redan efter någon minut ha igång din egen sida, oavsett om du vill använda den som ett bloggverktyg eller informationssida för någonting.
Det går också att installera WordPress på din egen webbserver, både lokalt och på Internet.

WordPress.com eller WordPress.org?

Det finns två olika sätt att använda WordPress som ofta blandas ihop:

• WordPress.com – en tjänst där du kan skapa en webbplats direkt via WordPress egna servrar. Grundversionen är gratis men har begränsningar, och du betalar för fler funktioner (t.ex. egen domän eller fler teman/plugins).
• WordPress.org – här laddar du ner den öppna programvaran WordPress och installerar den på ett eget webbhotell. Detta är det vi gör i kursen, eftersom det ger full frihet att installera egna teman och plugins.

Kort sagt: WordPress.com är enklare men mer begränsat, WordPress.org är friare men kräver mer ansvar.

Din egen sida på WordPress

Genom hela kursen så skall du dokumentera ditt arbete. Det kommer i varje moment finnas saker som du skall lära dig, skapa små hemsidor och reflektera över. I slutet av kursen så skall du skapa en egen webbapplikation som visar på allt du har lärt dig under kursens gång. Nu skall du börja bygga upp denna sida där dina redovisningar kommer att läggas. Detta skall du göra i WordPress.

Arbeta med WordPress

När du har installerat WordPress är du redo att börja arbeta i ett av världens mest använda publiceringssystem (CMS). WordPress är både flexibelt och relativt enkelt att komma igång med.

I WordPress finns två grundläggande innehållstyper:

• Pages (Sidor): Används för statiskt innehåll, t.ex. "Om oss" eller "Kontakt". Dessa ändras sällan och utgör webbplatsens fasta struktur.
• Posts (Inlägg): Används för nyheter, blogginlägg eller annat innehåll som publiceras löpande. Inläggen visas ofta i kronologisk ordning och kan kategoriseras och taggas.

För att anpassa och utöka webbplatsen finns det två viktiga delar:

• Themes (Teman): Teman styr hur din webbplats ser ut – färger, typsnitt och layout. Det finns både gratis- och betalteman. För kursen räcker det bra att prova något av de många gratisalternativen.
• Plugins (Tillägg): Små program som ger nya funktioner, t.ex. kontaktformulär, bildgallerier eller säkerhetslösningar.

WordPress är byggt för att vara användarvänligt, men det finns mycket att upptäcka. För att hjälpa er att komma igång kommer vi använda en filmad introduktion som steg för steg visar hur man navigerar i WordPress och bygger sin första sida.

Plugins (tillägg)

Ett av WordPress starkaste kort är alla de tillägg (plugins) som finns. De kan ge din webbplats nya funktioner eller förbättra användarupplevelsen. Det finns hundratusentals plugins att välja mellan – både gratis och betalversioner. Nedan följer exempel på olika typer av plugins som kan vara intressanta i kursen:

Säkerhet och skydd

• Akismet – förhindrar spamkommentarer (ofta förinstallerat, men kräver aktivering med gratis API-nyckel).
• All In One WP Security – samlar flera säkerhetsinställningar på ett ställe.
• WPS Hide Login – ändrar adressen till inloggningssidan (som normalt ligger på dindomän.se/wp-admin). Genom att byta adress gör du det svårare för bottar att automatiskt hitta och försöka logga in på din sida.
• Limit Login Attempts – blockerar användare som försöker logga in för många gånger med fel lösenord.

Backup och flytt

• UpdraftPlus – automatiserar säkerhetskopiering av filer och databas. Backuper kan sparas lokalt eller på externa tjänster (t.ex. Google Drive).
• WP Clone (eller liknande) – för att kunna flytta eller återställa en WordPress-installation.
• Observera: Om WordPress är installerat via en automatiserad installation från ditt webbhotell (t.ex. via cPanel eller en kontrollpanel) kan det finnas inbyggda verktyg för backup och återställning. Dessa är ofta enklare och mer anpassade för just det webbhotellet, och kan därför vara smidigare att använda än externa plugins.

Kod och redovisning

• Code Block Pro eller Highlight.js Code Syntax Block – färgkodar HTML, CSS, JavaScript, PHP och SQL, vilket är bra när du ska visa kod i inlägg.
• WP Githuber MD – gör det möjligt att skriva inlägg i Markdown, något som kan underlätta vid teknisk dokumentation. Markdown kommer vi lära känna lite senare i kursen.

Innehåll och redigering

• Classic Editor eller Advanced Editor Tools (TinyMCE Advanced) – ger fler alternativ när du skriver och redigerar text.
• TablePress – skapar tabeller på ett enkelt sätt, användbart vid jämförelser och redovisningar.
• Duplicate Page/Post – kopiera enkelt inlägg eller sidor, och byt typ (page/post) om det behövs.

Bilder och media

• Smush eller EWWW Image Optimizer – optimerar bilder för snabbare laddning.
• Simple Lightbox – gör så att bilder öppnas snyggt i större format.

Statistik och analys

• Google Analytics (eller motsvarande) – koppla på statistik över besökare. Inte nödvändigt i kursen, men bra att känna till.

Formulär

• Contact Form 7 eller WPForms Lite – används för att skapa kontakt- eller enkätformulär.

Övrigt

• Yoast SEO eller RankMath – hjälper dig att förstå hur rubriker, metadata och sökmotoroptimering (SEO) fungerar. SEO är inget krav i kursen, men vi kommer ändå beröra det eftersom det ökar tillgängligheten för din webbplats och ofta är ett grundkrav i skarpa projekt utanför skolan.
• Maintenance Mode / Coming Soon Page – t.ex. SeedProd Lite, för att visa en “under konstruktion”-sida när du utvecklar din webbplats.
• Elementor – en sidbyggare som ofta nämns i tutorials. Inte något vi använder i kursen, men bra att veta att den finns.
• LiteSpeed Cache - ett plugin som kan snabba upp din webbplats genom att lagra sidor i cacheminnet, vilket minskar laddtiderna. Inte något du behöver använda i kursen, men bra att känna till eftersom många webbhotell erbjuder det och det ofta nämns i guider.

Viktigt att tänka på

Sammanfattningsvis – tänk på följande när du installerar plugins. Varje plugin du installerar lägger till kod och inställningar. För många plugins kan därför göra webbplatsen långsammare. Fundera alltid på vad du verkligen behöver och installera bara de plugins som är relevanta för ditt arbete.

• Håll alltid dina plugins uppdaterade för att undvika säkerhetsproblem.
• Testa gärna nya plugins i en utvecklingsmiljö innan du använder dem i din riktiga WordPress. Hos Oderland kan du enkelt skapa en kopia av din applikation via WordPress Management.
• Ta för vana att rensa bort plugins du inte längre använder – det gör både webbplatsen säkrare och snabbare.

Säkerhetskopiera / flytta WordPressapplikationer

Att regelbundet säkerhetskopiera din WordPressapplikation är väldigt viktigt. Skulle databasen, något plugin eller något annat kring din applikation sluta fungera, t.ex. vid en uppgradering, så kan det vara väldigt svårt att felsöka och återställa. Därför bör du med jämna mellanrum säkerhetskopiera din applikation. Som tur är så finns det ett gäng plugins som sköter detta mer eller mindre smidigt.

Jag har tidigare rekommenderat UpdraftPlus - Backup/Restore för att ta backup och det är smidigt att ställa in det automatiskt och även möjlighet att lagra backupen via olika tjänster. Det verkar dock inte vara lika enkelt längre att återställa större applikationer och inte heller så enkelt att flytta dem till en ny domän.

När vi senast tvingades flytta WordPressapplikationer så tog vi hjälp av denna artikeln där de går igenom tre olika tekniker där de föredrar WP Clone. När jag testade det senast så fanns det en uppgraderad variant som inte var lika enkel att arbeta med. Här skulle jag behöva gå lite djupare för att testa att flytta och/eller återställa en kraschad WordPressapplikation. Här finns också en artikel på området.

Se i alla fall till att du har gjort en säkerhetskopia på din applikation innan du gör en uppgradering till en ny version. Ha alltid åtminstone en aktuell säkerhetskopia innan du uppgraderar – det gör att du har något att falla tillbaka på om något går fel.