Hur man skapar en hemsida

På den här sidan finns ett komplett utbildningspaket om hur man skapar en snygg och säker hemsida som är enkel att uppdatera oavsett var du befinner dig. Se filmerna i tur och ordning. Glöm inte att stanna upp då och då och testa olika inställningar, anteckna vad som händer osv.

Lycka till!

1. Hemsida del 1, välja webhotell och installera wordpress
2. Hemsida del 2, säkerhet, backup, plugin för att skapa ett child theme
3. Hemsida del 3, teman, temat Divi, skapa automatisk uppdatering av temat, skapa ett child theme
4. Hemsida del 4, skapa enkla sidor, sätta en startsida, lägga in egen logotype
5. Hemsida del 5, skapa mer komplicerade sidor, globala moduler, widgets, spara en sidlayout
6. Hemsida del 6, skapa och anpassa menyer, undermenyer, egna länkar samt anpassa sidhuvudet
7. Hemsida del 7, skapa nyheter i form av blogginlägg
8. Hemsida del 8, integrera Facebook på sidan och i sidofält, ändra sidans namn
9. Hemsida del 9, använda formulär
10. Hemsida del 10, mobilanpassa din sida

Tänk på att:

1. Om du inte har Loopia som webhotell så kommer video 1 inte att stämma för dig.
2. Även om du inte använder temat Divi så bör du titta på video 2 för att lära dig om säkerhet, backup och child theme.
3. Även om du har tänkt att bara använda enkla sidor (video 4) så bör du titta på video 5 (som handlar om mer komplicerade sidor). Det blir jobbigt om du har skapat en massa enkla sidor som du sen vill ha in globala moduler på.
4. Även om du bara vill använda lite mer komplicerade sidor (video 5) bör du titta på video 4, eftersom den går igenom vissa grundläggande saker som inte visas i video 5.
5. Din hemsida måste se bra ut på mobiltelefon och surfplatta. Se video 10.
6. Din hemsida måste vara uppdaterad. Det funkar inte med en hemsida som man uppdaterar EN gång om året (oftast i oktober). Det funkar inte att man, efter att man spelat färdigt för året, fortfarande visar reklam om en föreställning som redan har varit, visar länkar till biljettförsäljning som inte funkar osv. Så fort ni har spelat färdigt ska innehållet bytas ut mot ”Tack för i år, vi syns nästa säsong”, och så fort ni börjar planera för nästa säsong så uppdaterar ni igen och skriver att ”nu ligger vi i startgroparna”, ”nu har vi skickat in till SM” osv.
7. Din hemsida måste innehålla fungerande kontaktuppgifter. Att inte ha telefonnummer + postadress samt epostadress (alternativt fungerande epostformulär) ger en oseriös bild.
8. Du loggar in på din hemsida genom att skriva /wp-admin efter din domän, exempelvis ”www.minrevy.se/wp-admin”, utan citationstecken. Se bild nedan.
   
9. Tveka inte att kontakta kansliet om du kör fast. Installera gärna programvaran Teamviewer för att kunna dela ut din skärm och visa för mig vad det är du ser.
10. Om du tillverkar nyheter som blogginlägg (såsom video 7 visar), glöm ej att ställa in Sidlayout som Fullbredd, se bild. Detta för att undvika temats standardsidfält mm.
    

Länkar:

www.loopia.se – webhotell
www.elegantthemes.com – tillverkare av temat DIVI samt de som tillhandahåller Elegant Themes Updater-pluginnet
www.gravityforms.com – tillverkare av formulär-plugin
www.divithemeexamples.com – samlingssida med länkar till sidor som använder DIVI-temat. Bra som inspiration!

Bra plugins:

Sök i Tillägg – Lägg till nytt för att hitta nedanstående plugins

iThemes Security – säkerhetsplugin
All-in-One WP Migration – backupplugin
One-Click Child theme – skapa child themes mycket enkelt
Duplicate Posts – skapa kopior av sidor och inlägg
CSS & JavaScript Toolbox – kodplugin för att möjliggöra facebookintegration
Category Posts Widget – skapa en widget som visar de senaste inläggen i en viss kategori. Du slipper skapa anpassade menyer på det sätt som video 7 visar.
WP Super Cashe – plugin för att skapa cashefiler, dvs som gör att sidan upplevs som mycket snabbare att surfa på, laddningstiderna kortas. Observera: du bör stänga av denna funktion under tiden som du jobbar med sidan, när du är klar slår du på cashefunktionen igen.