DEV Community

Cover image for How to make a custom WordPress theme from scratch
Adrian Twarog
Adrian Twarog

Posted on

16 2

How to make a custom WordPress theme from scratch

9 hour tutorial on WordPress, eCommerce and more, building a complete custom theme website! This is my biggest tutorial yet. I cover WordPress installation, developing a homepage, styling with SCSS, internal pages and blogs, products, etc.

We create a WordPress theme from scratch by building it from a basic design. The whole process from installing Wordpress to setting up a theme template and getting it up and running will be covered. This also has woocommerce and eCommerce aspects which I will also cover while we build the HTML, CSS and JS.


How to make a custom WordPress theme from scratch

00:00:00 - Introduction
00:02:00 - Installing WordPress and our Custom Theme
00:10:30 - Setting up the WordPress Website Folders and Menus
00:15:50 - Header
01:05:04 - Home Call to Action
01:29:55 - Home Banner
01:49:40 - Home Special Offer
02:14:40 - Home WooCommerce Products
02:53:30 - Home Section Circles
03:07:36 - Home Testimonials
03:12:39 - Home Footer Contact Form
03:31:55 - Internal WordPress Page
03:53:33 - Blog Post News Items
04:17:30 - Contact Us Page
04:30:20 - Blog Categories
04:58:45 - WooCommerce Setup
05:13:05 - WooCommerce Product
05:58:12 - WooCommerce Variation Product
06:16:00 - Custom JS Product Variation lookup
07:20:13 - Home Dynamic WooCommerce Product Listing
07:31:35 - Header Dynamic Ecommerce Lookup Listing
08:52:30 - Conclusion

This was only part 1 for this WordPress eCommerce Website design. I will post part 2 soon, where we customise other aspects of this website including the Cart and Checkout Pages!
TBA: Link

This Wordpress tutorial will also be covering some of the javascript and PHP elements that help you know how to make a website with basic programming and coding. If you enjoy web design tutorials and looking for Wordpress for beginners videos like this, these are part of a series I do about how to create a Wordpress website and do Wordpress theme installation, and you can check out some of the other playlists on my channel.

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Reinvent your career. Join DEV.

It takes one minute and is worth it for your career.

Get started

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay