Välkommen till onlinekursen i webbdesign med WordPress och Elementor.
Logga in för att ta del av alla video-tuorials för de olika uppgifterna i arbetsboken.
Videotutorials
På den här sidan hittar du alla instruktionsvideon som hör till onlinekursen i webbdesign. De är indelade enligt samma moduler och samma nummer som uppgifterna i arbetsboken. I kursens pris ingår också en 1/2 h online konsultering tillsammans med Elin. När du har kommit så långt i kursen att du vill boka in din one-on-one är det bara att klicka på knappen nedan för att komma till bokningskalendern. Du kan boka in din tid när som helst under kursens gång.
Modul 2
När du är färdig med planeringen av din hemsida är det dags att sätta i gång med det praktiska eller själva byggandet! Ta en titt på de grundläggande inställningarna genom videorna som hör till modul 2.
Uppgift 4 - WordPress - en introduktion
Logga in och ta en titt på din adminpanel! Vi gör en övergripande genomgång av de olika verktygen som finns att tillgå på din WordPress-installation.
UPPGIFT 4 - Grundinställningar för WordPress
Vi gör grundinställningar för din WordPress-sida och tittar bl.a. inställningar för URL:er (adressfältet), inställningar för kommentarer på din hemsida och hur du bestämmer vilken sida som ska fungera som din landningssida.
Uppgift 4 - Installera plugins
Vi går igenom hur man installerar plugins, och gör en gemensam installering av Elementor.
Uppgift 4 - Teman
Installera ett tema som funkar tillsammans med Elementor och ta bort överflödiga teman. Obs! Om Astra-temat inte dyker upp automatiskt för dig kan du använda dig av sökrutan för att installera och aktivera Astra som tema.
Uppgift 4 - Elementor Pro
(Valfri) Tillsammans går vi igenom hur du installerar Elementor Pro på din hemsida, samt hur du kopplar din betalda licens till hemsidan.
Uppgift 5 - Skapa din första sida!
Grundinställningar för Elementor på startsidan. Vi ändrar rubriken på sidan, väljer rätt sidmall och kikar på synlighetsinställningar.
uppgift 6 - designa din startsida
Hur funkar Elementor? Genomgång av sektioner, kolumner och innehåll.
uppgift 6 - fortsättning
Hur gör jag om jag ångrar mig och vill gå tillbaka? Och hur sätter jag till eller duplicerar material? Vi fortsätter kika på designen av din landningssida och de olika funktionerna som finns att tillgå.
uppgift 7 - Coming soon -sida med elementor
Vi skapar en Coming soon -sida med Elementor Pro
Uppgift 7 -Coming soon sida med Externt plugin
Coming soon -sida med tillägget ”Under Construction”.
Uppgift 8 - Globala inställningar
Vi gör globala inställningar för färger och typsnitt, som snabbar upp designprocessen och hjläper dig att skapa enhetliga webbsidor. Den här videon kan du också spara till lite senare i byggprocessen om du vill.
Modul 3
I modul 3 går vi noggrannare igenom några olika varianter av undersidor. Vi kikar också närmare på sambandet mellan inlägg och sidor, och vilka du kan påverka med Elementors designfunktioner. I modul 3 är kanske inte alla uppgifter relevanta för dig. Det kan dock löna sig att ta en titt på videorna, även om du inte vill bygga en exakt likadan sida, för att få ett bättre hum om hur Elementor fungerar.
Uppgift 9 - egna mallar och globala element
Skapa egna mallar för ett snabbare designflöde.
Uppgift 10 - kontaktsida
Bygg en kontaktsida! Denna gång använder vi ingen färdig mall, utan drar in eget material på sidan.
uppgift 11 - blogg eller nyhetssida med elementor Pro
Vi använder Elementor Pro för att skapa en snygg nyhetssida och gör en egen sidmall för artiklarna.
uppgift 12 - portfoliosida
Bygg en portfoliosida
Modul 4
Nu börjar det bli dags att knyta ihop de sista lösa trådarna på din hem-sida. I den fjärde och sista modulen går vi bl.a. igenom hur du sätter till en -navigeringsmeny, samt hur du tar bort din coming soon sida, så att dina -besökare äntligen kan ta del av din nya webbsida!
Skapa en navigeringsmeny
Gör en navigeringsmeny med WordPress som du sedan sätter till i headern på din hemsida
Header och footer med Elementor Pro
Vi skapar headers och footers med hjälp av Elementor Pro.
Här kan du köpa licens för Elementor Pro
För ett enklare arbetsflöde och fler designverktyg.
Du behöver vara inloggad för att ta del av materialet!