In deze opdracht leer je hoe je een bestaande frontend in HTML/CSS omzet naar een wordpress thema.

Stap 1 - Thema bestanden aanmaken

• Download dit zip-bestand met hierin de HTML+CSS van een website:

website.zip

• Open de index.html in je browser en maak een screenshot. Noem deze screenshot.png en voeg deze toe bij de thema-bestanden.
• Verander index.html naar index.php.
• Verplaats de style.css vanuit de css map en zet deze naast de index.php.
• Kopieer de onderstaande code en voeg dit toe bovenaan in style.css.

/*
Theme Name: Fitness
Author: Vul hier jouw Naam in
*/

• Sleep de map: website met daarin de website bestanden naar de Wordpress themes map uit challenge 1: (wp-content/themes/).
• Ga naar je dashboard->weergave->themas en activeer je thema.
• Je thema ziet er nu nog rommelig uit, dat gaan we in stap 2 rechtzetten!

UITLEG: KOPPELINGS PADEN

Je thema ziet er nu rommelig uit omdat alle paden naar externe bestanden (zoals css en afbeeldingen) niet kloppen.