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
Check out my new series for simple WordPress Theme Development – https://www.youtube.com/watch?v=n3EcEYFgyrQ&feature=youtu.be – still under construction but 7 videos so far! Subscribe to be notified when my new videos come out. Will be creating a few per day! Cheers
please send me all these files
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?
Thanks very educative, one thing is you can upload a copy of all the files on git, people can use it.
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
Thanks very much for this!
Good
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.
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.
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
As soon as you said you were going to drag it to your code editor, you lost me!
4th tutorial I tried it was also the only one I could follow without having to do a lot of extra installs. Thank you very much.
Iβm not able to see home front page in pages option.
Excellent work!!!!!!!!!!!!need same tutorial for sidebar and footer π
Definitely the best theme building tutorial I've seen and I've been searching for a while.
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.
Literally glued to the screen for the whole video. I never understood how WP is put together but this has just booted the doors open for me!
Thanks so much very good Tutorial
21:09 No need to enqueue JQuery in functions.php because WordPress has in-build JQuery and a few others library. We just need to write 'jquery' in dependency array.
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. π
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?
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!
Amazing Video, I feel like I finally understand WP. Thank you so much!
It is 2022 and this video still is the best tutorial on developing a basic wp theme. Thank you so much!
does anybody has problems including bootstrap? I did as shown but the folders don't come out in the theme
thank u so much for creating such grate tutorial
Very, very nice. Concise and to the point. Thank you!
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?
Do you have your own themes in the marketplace? If yes, which ones and if not, why not? Thnx
Thank you very much for making this video
Great learning experience, learned new thing today..
Thanks very much!!! Your tutorial has helpfull !!!
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.