Een volledig eigen WordPress-thema maken vanaf scratch

Hoe maak je een volledig eigen WordPress-thema vanaf het begin

We bouwen een WordPress-thema helemaal van nul, uitgaande van een eenvoudig ontwerp. Het hele proces, van het installeren van WordPress tot het opzetten van een thema-sjabloon en het laten draaien, komt aan bod. Ook de WooCommerce- en eCommerce-aspecten behandelen we terwijl we HTML, CSS en JavaScript ontwikkelen.

00:00:00 – Inleiding
00:02:00 – WordPress en ons eigen thema installeren
00:10:30 – Mappenstructuur en menu’s voor de WordPress-website opzetten
00:15:50 – De header
01:05:04 – Call-to-action op de homepage
01:29:55 – Banner op de homepage
01:49:40 – Speciale aanbieding op de homepage
02:14:40 – WooCommerce-producten op de homepage
02:53:30 – Ronde secties op de homepage
03:07:36 – Getuigenissen op de homepage
03:12:39 – Contactformulier in de footer van de homepage
03:31:55 – Interne WordPress-pagina
03:53:33 – Blogberichten (nieuws)
04:17:30 – Contactpagina
04:30:20 – Blogcategorieën
04:58:45 – WooCommerce instellen
05:13:05 – WooCommerce-product
05:58:12 – WooCommerce-product met varianten
06:16:00 – Aangepaste JavaScript voor het zoeken van productvarianten
07:20:13 – Dynamische WooCommerce-productlijst op de homepage
07:31:35 – Dynamisch eCommerce-zoekresultaat in de header
08:52:30 – Afsluiting

Figma-ontwerpbestanden en assets:

Dit was slechts deel 1 van het WordPress-eCommerce-websiteontwerp. In deel 2 passen we andere aspecten van de website aan, waaronder de winkelwagen- en checkoutpagina’s!

In deze WordPress-tutorial leer je ook enkele JavaScript- en PHP-elementen kennen die je helpen om te begrijpen hoe je een website maakt met basisprogrammering en codering. Als je...