Instruktion

Introduktion

För att en hemsida ska kunna visas för besökare på internet behöver den ligga på en server som besökarna kan nå. Man kan hyra en egen server, en virtuell privat server eller plats på ett webbhotell. För vanliga hemsidor är webbhotell ofta det enklaste alternativet.

Ett webbhotell är en tjänst där man hyr plats på en server. På webbhotellet sparas hemsidans filer, bilder, databaser och andra delar som behövs för att webbplatsen ska fungera.

Vad du kommer att göra

I den här övningen kommer du att:

  1. Logga in i webbhotellets kontrollpanel.
  2. Skapa en databas.
  3. Öppna din WordPress-installation i webbläsaren.
  4. Koppla WordPress till databasen.
  5. Skapa ett administratörskonto i WordPress.
  6. Logga in i WordPress och börja ändra webbplatsen.

Webbhotell och kontrollpaneler

För att göra det lättare att hantera webbhotellet använder man ofta en kontrollpanel. I kontrollpanelen kan man till exempel skapa e-postadresser, lägga upp filer, hantera domäner och skapa databaser utan att behöva arbeta direkt i serverns terminal.

I den här övningen använder vi kontrollpanelen KeyHelp. Andra kontrollpaneler du kan stöta på är till exempel cPanel, DirectAdmin och Plesk.

Du loggar in i KeyHelp här:
https://kontrollpanel.skeppsholmen.net/

När du har loggat in kommer du att förbereda ditt konto för en WordPress-installation. Ett av stegen är att skapa en databas.

Vad är WordPress?

En hemsida kan bestå av statiska HTML-filer och bilder, men det kan bli krångligt att uppdatera sidan om man behöver ändra direkt i filerna varje gång. Därför använder man ofta ett publiceringsverktyg, till exempel WordPress, Ghost eller Joomla.

WordPress gör det lättare att skapa och uppdatera en hemsida. Som administratör loggar du in i ett gränssnitt och redigerar innehållet med en visuell redigerare. En sådan redigerare kallas ibland WYSIWYG, vilket betyder att innehållet ungefär ser ut som det kommer att göra på den färdiga sidan.

Många webbhotell erbjuder en så kallad ”one click installer” för att installera WordPress automatiskt. I den här övningen gör vi installationen mer manuellt, för att du ska se vilka delar som faktiskt behövs.

WordPress-filerna är redan uppladdade till ditt webbhotellskonto. Det betyder att du inte behöver ladda upp WordPress själv för att kunna följa övningen.

Frivilligt: ladda upp WordPress själv

Om du vill testa hur det går till från början kan du ladda ner WordPress här:
https://wordpress.org/download/

Då laddar du ner en zip-fil, packar upp den och laddar upp filerna till rätt mapp på webbhotellet med FTP.

FTP är ett sätt att flytta filer mellan din dator och en server. Ett vanligt FTP-program är FileZilla Client, som är gratis och kan laddas ner här:
https://filezilla-project.org/download.php?type=client

Det här är helt frivilligt i övningen. Vill du komma igång direkt går du vidare med att logga in i KeyHelp och skapa databasen.

Vad är en databas?

En databas är en plats där information sparas på ett strukturerat sätt. WordPress använder databasen för att spara innehåll och inställningar, till exempel sidor, inlägg, användare, kommentarer och vilket tema som används.

Man kan tänka på det så här: filerna på webbhotellet innehåller själva WordPress-programmet, medan databasen innehåller innehållet och inställningarna för just din webbplats.

Skapa en databas i KeyHelp

  1. Logga in i KeyHelp.
  2. Leta upp menyn Databases under Resources.
  3. Klicka på Add database.
  4. Databasnamn och användarnamn genereras automatiskt av KeyHelp.
  5. Ange ett lösenord och verifiera lösenordet. Det bästa är att klicka på Generate för att låta KeyHelp skapa ett starkt lösenord.
  6. Kopiera lösenordet och spara det tillfälligt i ett textdokument, till exempel Anteckningar/Notepad.
  7. Klicka på Save för att skapa databasen.
  8. När databasen är skapad ser du databasnamn och användarnamn i listan över databaser. Spara även dessa uppgifter i samma textdokument.

De uppgifter du behöver till WordPress är:

Spara uppgifterna under tiden du arbetar med övningen. Om det här hade varit en riktig webbplats bör du spara lösenorden i en lösenordshanterare och ta bort tillfälliga textdokument när du är klar.

Tänk också på att databaslösenordet inte är samma sak som lösenordet till KeyHelp eller WordPress-admin, om du inte själv har valt samma lösenord.

När databasen är skapad är ditt konto redo för nästa steg: att koppla WordPress till databasen och slutföra installationen av webbplatsen.

Installera WordPress

Nästa gång du installerar en hemsida är det kanske direkt på ett domännamn som du har köpt, till exempel minhemsida.se. Tillvägagångssättet är i stort sett detsamma, men i den här lektionen använder vi en subdomän. Vanliga domännamn kostar pengar att köpa och förnya, ungefär 200 kronor per år för en .se-domän.

Öppna din subdomän i webbläsaren, till exempel:
https://elev01.skeppsholmen.net

Du bör nu mötas av WordPress installationssida. Den berättar att WordPress behöver databasuppgifterna för att kunna slutföra installationen.

Klicka på Då kör vi!

Fyll i databasnamn, användarnamn och databaslösenordet som du sparade i förra steget. Fälten Databasserver och Tabellprefix behöver du inte ändra.

Klicka på Skicka.

WordPress kontrollerar nu att det går att ansluta till databasen. Om allt ser rätt ut kan du klicka vidare med knappen Kör installationen.

Skapa WordPress-användaren

I nästa steg väljer du en webbplatsrubrik, alltså namnet på själva hemsidan.

Du behöver också skapa en användare för att logga in i WordPress. Den här användaren är separat från både KeyHelp-inloggningen och databasen.

Fyll i:

Använd gärna det lösenord som WordPress genererar åt dig, eftersom det brukar vara starkt.

Klicka på Installera WordPress för att slutföra installationen.

Om allt har gått rätt får du ett meddelande om att installationen är klar och en knapp för att logga in. Klicka på Logga in och logga in med uppgifterna du precis valde.

När du har loggat in hamnar du i WordPress administrationsverktyg. Härifrån kan du redigera texter, ändra utseende, installera tillägg och hantera webbplatsens innehåll.

Adminsidan och den publika sidan

Om du tittar i webbläsarens adressfält när du är inloggad i WordPress ser du en adress i stil med:
https://elev01.skeppsholmen.net/wp-admin/

/wp-admin visar att du är inne i administrationsdelen.

För att se hur hemsidan ser ut för besökare kan du antingen ta bort /wp-admin från webbadressen, eller högerklicka på sidans titel uppe i WordPress-admin och öppna länken i en ny flik. Då kan du snabbt växla mellan administrationsdelen och den publika sidan.

Teman och utseende

WordPress kommer med temat Twenty Twenty-Five förinstallerat. Det är ett minimalistiskt bloggtema.

Det finns många teman att hämta gratis via WordPress eget temagalleri. Det finns också premiumteman som kostar pengar. I genomgången kommer vi att titta på hur man hämtar ett gratistema från WordPress temagalleri och hur man kan börja redigera det.

Några viktiga delar i WordPress

I menyn till vänster i WordPress hittar du flera viktiga delar:

Adminpanel

Tar dig till administrationsdelens startsida. Här kan du till exempel skapa ett snabbt inlägg, se viss statistik och kontrollera webbplatsens hälsostatus.

Inlägg

Här skapar du blogginlägg eller nyheter. Inlägg visas ofta i en lista med det nyaste först. Exakt var de syns beror på vilket tema du använder.

Media

Här samlas bilder, filmer och andra filer som du laddar upp till WordPress. Du kan även ladda upp bilder direkt när du skriver en sida eller ett inlägg, men filerna hamnar ändå i mediabiblioteket.

Sidor

Här skapar du mer statiska sidor, till exempel ”Om mig”, ”Kontakt” eller ”Tjänster”. Både sidor och inlägg kan länkas från webbplatsens meny.

Kommentarer

Här hamnar kommentarer från besökare, om du tillåter kommentarer på webbplatsen. Många webbplatser får spamkommentarer från automatiska botar, så det är vanligt att använda någon form av skydd, till exempel captcha. Som standard behöver nya kommentarer ofta godkännas av en administratör.

Utseende

Här styr du temat, menyer och andra delar som påverkar hur webbplatsen ser ut.

Tillägg

Här kan du installera plugins, alltså extra funktioner till WordPress. Det kan till exempel vara tillägg för sökmotoroptimering, formulär, spamfilter, statistik eller säkerhet.

Inställningar

Här styr du fler grundinställningar, till exempel webbplatsens språk, datumformat och webbplatsens namn.