How to Build a WordPress Theme from Scratch with WooComm

How to Build a WordPress Theme from Scratch with WooComm - MayanSEO.com, we are a White Label White Hat SEO Agency. Uploaded to the category Wordpress Design…

How to Build a WordPress Theme from Scratch with WooComm

How to Build a WordPress Theme from Scratch with WooComm

In this rather long tutorial, I’m going to show you how to create a WordPress theme from scratch, and then incorporate WooCommerce into it. You can then go for your life and customise it with CSS how you want.

Specifically, I will be talking about:
– Using Webpack (from Laravel) for CSS and JS (With SASS)
– Creating a new WordPress theme from scratch
– Using Menus, Widgets and Post Thumbnails
– Different WordPress page templates
– Installing and Configuring WooCommerce and then making it work in the simple theme we developed.

I am using Webpack to combine my SASS and JS, but you do not have to use it if you do not want to. You can simply enqueue your CSS and JS directly in functions.php.

Two hours is not enough to explain everything about developing a WordPress theme with WooCommerce, but it gives you a good idea of how to start and the absolute basics.

WooCommerce is an excellent E-Commerce solution for small to medium sized websites that need a way to sell products easily. WooCommerce in WordPress allows this.

Let me know what you think and if you have any questions and I can help you learn more! Cheers.

How to Build a WordPress Theme from Scratch with WooComm Description

How to Build a WordPress Theme from Scratch with WooComm – MayanSEO.com, we are a White Label White Hat SEO Agency. Uploaded to the category WordPress Design…

How to Build a WordPress Theme from Scratch with WooComm Tags

Watch How to Build a WordPress Theme from Scratch with WooComm on YouTube

WordPress Design

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $300 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. Daya Hadiya

    Hello sir, I want to add woocommerce in available theme , how to achieve this?

    I have html theme and I am creating a header.php,footer.php,index.php,function.php,style.css file also create woocommerce folder and paste file in theme-woocommerce from to woocommerce plugin but i am not getting product page content proper visible please help me

    Reply
  2. Siri Siri

    Nice work. But titleing WooComerce and having about 1Hour of basic WP and 20 minutes of fast condensed WooCommerce. A little strange to me. Some things missing, and all explained in hurry.

    Reply
  3. Scott Stanfel

    Thanks for this tutorial, it's great.
    Just one question, how would I configure webpack with this setup to refresh the browser on save?

    Reply
  4. Filip Škoro

    hi, i started watching your tutorial and i wonder if we must change it into woocommerce.test in xamp or its optional?Can we just leave it as it was before?

    Reply
  5. Kick Ass Videos

    1:07 "xampp wich is xamMp" bro you reading it while at the sametime misspronouncing it 😀

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *