This is a relatively simple explanation of how to set up a basic WordPress theme. Including enqueueing of css and JS, as well as navigational menus, archives and pages and single blog posts. There’s much more than this, but hopefully this will give you a quick start.

– To run WordPress locally, download and install XAMPP https://www.apachefriends.org/index.html

– I use Sublime Text in this video https://www.sublimetext.com/

source

33 Comments

  1. I have a problem with add_image_size, it does not work for me. I have big images 4k resolution, I set img-fluid, I reuploaded them, I even installed and activate the plugin "Force Regenerate Thumbnail", but the image is not cropped at 300×300 or 800×800 like in the video. I could not find a good answer on google. Has anyone this problem?

  2. Hello, I'm new to wordpress and have got stuck on the Left Side and Right Side in Functions.php. After flowing the video (very good description) my Left Side and Right Side are below each other not like in the video. Have good over the code many times for mistakes and spelling errors. Please can some help me with this so I can move forward. Many Thanks James

  3. Sir,

    I have two files, (i) abc.php (ii) xyz.js

    the code in abc.php-

    ===================================================

    <?php

    /*

    Template Name:ABC Template

    */

    ?>

    <div id="div-image" class="div-child"> <img src="<?php echo get_template_directory_uri(); ?>/Images/Loading.gif" id="load" /> </div>

    <script src="<?php echo get_template_directory_uri(); ?>/alphawords.js" type="text/javascript"></script>

    ===================================================

    the code in xyz.js-

    ===================================================

    document.getElementById("load").src="<?php echo get_template_directory_uri(); ?>/Images/pic.png";

    ===================================================

    Sir, my issue is, xyz.js is included properly, but image is not accessing through xyz.js

    Sir, i have request with you plz guide me.

  4. Awesome tutorial, thanks!

    How do you get the live preview of your theme?

    I am working inside the wordpress folder on my computer. I can't see the theme in wordpress. I tried to upload my theme folder via FTP, but it didn't work.

    How can I work on my theme and see the changes live at my website?

    Any help would be much appreciated.

  5. This is by far the best tutorial for someone starting on his first template! Clear, straight to the point, and showing common mistakes and how to solve them.

    Thank you

  6. Hello I'm new to your channel and I ran across your video which is great! But I wanted to find out do you have to know php to build a custom theme in WordPress? I currently don't know it just html,css and javascript. I see the language isnt much different that javascript, but I rather not learn it until I get a job as a wordpress developer.

  7. Got a new gig and just wanted to see if there were any changes in how WP custom sites are built. I learned a lot. Thanks for contributing your skills and knowledge to all who watch. I gave you 2 thumbs up. πŸ™‚

  8. Better than the freecodecamp video, and a third of the length! πŸ˜€ Great work!
    It's still working perfectly in 2022, but I have one issue. The single pages display perfectly, but I cannot get the archive to work. Most likely scenario is I did something stupid, or made some typo that my debugger hasn't picked up. Can anyone help please?

  9. I've been so lost with some other videos explaining this, but you explain things clearly and cut right to the chase. Great video, very helpful! Thanks a lot!

  10. I do enjoy your coding fluency, you have a lock on it. I have a website open to people listing their themes freemora, just wondering how to take my new theme, what would be the best way to demo the theme…Im thinking a new subdomain, new wordpress installation for every new theme submitted…or is there a better way?

  11. Mr. Digital can we help us add a dynamic hero banner to the front-page.
    I an struggling on following the wordpress code reference. Thank you in advance.

Leave A Reply

Please enter your comment!
Please enter your name here