Graphic design and visual communication

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

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.

Modul 3

Uppgift 9 - egna mallar och globala element

Skapa egna mallar för ett snabbare designflöde. 

uppgift 10 - blogg eller nyhetssida

Skapa en blogg eller nyhetssida med gratisversionen av Elementor. Vi använder Astra och inställningarna för temat för att designa en snygg flödessida. 

uppgift 10 - 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 11 - portfoliosida

Bygg en portfoliosida

Uppgift 12 - kontaktsida

Bygg en kontaktsida! Denna gång använder vi ingen färdig mall, utan drar in eget material på sidan. 

Modul 4

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.

Header och footer med gratisversionen av Elementor och Astra.

Vi skapar headers och footers med hjälp av temat Astra som visas tillsammans med dina Elementor sidor. 

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!