• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/WordPress Theme Development Tutorial 2022 – How To Build Custom Block Based Themes for WordPress

WordPress Theme Development Tutorial 2022 – How To Build Custom Block Based Themes for WordPress



In this stream we’ll be learning how to create our own custom WordPress theme with all of the latest features enabled, like the full site editor.

I’ll show you how to get your project set up, how to work locally using wp-env, how to select a boilerplate theme as a starting point, and even how to set up CSS libraries like bootstrap or tailwind CSS.

Get 1 free month of Nord VPN and protect your IP: https://ref.nordvpn.com/EmHFCvhnOPj
Music from my streams: https://www.epidemicsound.com/referral/ttud8s

Subscribe for more (if you want to learn how to build awesome-looking websites that actually CONVERT)!

We stream LIVE every FRIDAY @ 1PM ET – JOIN US!

—
Keep in touch:
https://uxhacks.com
https://instagram.com/uxhacks
https://twitter.com/uxhacks_

My name is David Martin and I build high-converting websites for agencies, startups, and digital entrepreneurs that NEED their website so they can make MONEY.

It’s my goal to share everything I’ve learned in my 10+ years planning, designing, and developing kickass websites so you can do it too!

source

Written by:
Abdul Wahid
Published on:
April 10, 2023

Categories: VideosTags: wordpress themes

Reader Interactions

Comments

  1. Олександр Козак

    April 10, 2023 at 2:16 am

    template => json_decode( file_get_content('case-study.json') )

    👆🏻 Read JSON file. Data returned as string. json_decode accept string and parse it to php array.

  2. RAHUL BAGHEL

    April 10, 2023 at 2:16 am

    Ur using html file.. If u go in official documentation there is still php code there..

  3. groovebird

    April 10, 2023 at 2:16 am

    Great Video 🙂 I have one question: Is it better to name the colors like in the video (dark-blue, white…) or should we name it foreground, background, primary, secondary… ?

  4. Bob Tournoux

    April 10, 2023 at 2:16 am

    Was just trying out your tutorial and got stuck when running the wp-env start. Got error saying ‼ Warning: could not find a .wp-env.json configuration file and could not determine if 'C:Usersn8nttraining-20220911Adatv' is a WordPress installation, a plugin, or a theme.

    When I ran the wp-env start command, it built the container and all and I was able to log into the website at localhost:8888 with the admin user. It built the site with the default twenty-twenty-two theme. Unlike in your tutorial the datv them was NOT in the list of themes. I assume this is because there was no .wp-env.json file. Is that something new? I did not see that in your tuturorial.
    Thanks

  5. Monte Logic

    April 10, 2023 at 2:16 am

    Thank you for making this.

  6. Monte Logic

    April 10, 2023 at 2:16 am

    That really blew my mind when I saw those were HTML files … almost 20 years of php in WordPress and now it's HTML .. shocker.

  7. Tiago Rodrigues

    April 10, 2023 at 2:16 am

    Hey mann! Just saved my life. Thank you so much.

  8. Kerem Duran

    April 10, 2023 at 2:16 am

    Does anybody get this error?

    mysqlcheck: Got error: 1130: Host is not allowed to connect to this MariaDB server when trying to connect.

  9. Kerem Duran

    April 10, 2023 at 2:16 am

    Your content is an absolute gem dude, super clear and detailed teaching style… hope your channel blows up soon!

  10. Stan random staff

    April 10, 2023 at 2:16 am

    it seem to me is to much json here. Not a good practice. In the end will kill the speed of a page

  11. Sumanth Lazarus

    April 10, 2023 at 2:16 am

    Hi man, sorry that you couldn't complete this Theme tutorial 😢; these things happen when we try something brand new! Were you able to find a solution? 🤔

  12. SaxManChad

    April 10, 2023 at 2:16 am

    My Docker terminal says "npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if

    a path was included, verify that the path is correct and try again.

    At line:1 char:1

    + npm -g i @wordpress/env

    + ~~~

    + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException

    + FullyQualifiedErrorId : CommandNotFoundException" when using the npm -g i @wordpress/env command.

  13. Edward Cheong

    April 10, 2023 at 2:16 am

    More like "Let's learn WordPress Block theme with David" extended version.

  14. Dev Papi

    April 10, 2023 at 2:16 am

    Gawd deym 5 hours!!! nice1 tho

  15. krystyna93418

    April 10, 2023 at 2:16 am

    It would be helpful if you can update to include timestamps to this 5HR marathon of a tutorial 😵

  16. FollowAndrew

    April 10, 2023 at 2:16 am

    Good stuff. Found this looking for something similar. While I haven’t tested this and guessing, maybe this was your issue: Doesn’t the parse_blocks PHP command return a PHP native array that the ‘template’ property takes natively for the custom post type code? No need to convert that to JSON, write the parsed file, and re-read it back as JSON?

  17. Sanyog Shakya

    April 10, 2023 at 2:16 am

    You can use json_encode() function to convert array to json format and use json_decode() function to convert json format to array.

  18. Amit parmar

    April 10, 2023 at 2:16 am

    How to add mysql latest version in laragon ?

  19. Dev Rittick

    April 10, 2023 at 2:16 am

    I use Laragon as Local dev env

  20. Visualmodo

    April 10, 2023 at 2:16 am

    TOP!

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (6)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

WordPress: A Powerhouse for Achieving Internet …

Continue Reading about Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter