WordPress Theme Tutorial (Part 1)

[ad_1]
Let’s learn how to create a WordPress theme by hand, from scratch. We’ll write our own HTML, CSS, and PHP to create the basic foundation for a WordPress theme. Check out my “Get a Developer Job” course:

To view a complete list of the WordPress theme development lessons in sequential order visit:

Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review):

Want to share the WordPress website that you’ve been creating on your computer with the world? Learn about the web host I use and how you can get a domain + hosting for $4.95 a month ($60 savings):

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:


Posted

in

by

Tags:

Comments

41 responses to “WordPress Theme Tutorial (Part 1)”

  1. Frost Frost Avatar

    Thx for that tutorial. From 2017)

  2. Zuzanna Krawczak Avatar

    Hi!
    I love this video tutorial, now I get it. I can create (almost) whatever I design.
    Is there any possibility you make a video about responisivness?
    I wish you did it because you devolve the knowledge very clearly 🙂
    Hope you'll read it!

  3. Devil_Travels Avatar

    So, after having to learn HTML for all these years, now I have to abandon it, and all of my build samples, and learn PHP?

  4. Shahrukh Anwar Avatar

    A brilliant tutorial…keep up the good work.

  5. Frank Settle Avatar

    what compiler do you recomend?

  6. natteaap Avatar

    so … If I'm not familiar with coding and start scratching my head halfway the vid and wondering if this is mandarin or phtmlp-something (joking off course), does that mean I should stay away from the "org" wordpress? Because you mentioned, chuckling, that you guarantee that at some point someone will be faced with the coding part of wordpress. The very thing I dread since I am not motivated to learn to code. (dammit Jim, I'm a content writer, not a coder)

    I have no problem paying for a theme with support. And provided that I don't want (or are capable of) changing things inside the theme, is it still a good idea to go for the "org" or should I stick with the "com"? Mind you, I do want/need to monetize the blog with adwords, affiliate and whatnot. And it needs to be multilanguage (that is part of the key features of the blog). But it will not (probably never) make enough money to hire a webdev to tinker the site.

    So I'm fishing for some advice here ^_^

    apart from the question, I want to add that you do know how to make good tutorial vids. Kudos to you, sir.

  7. Vatroslav Morbidović Avatar

    Why do I get only content of home page without posts? I dont get it. :/

  8. Mark Lorence Munsayac Avatar

    I can't make the codes work. I have 2 posts on my wordpress admin, but the code doesn't let me output the posts.

  9. Jc Florendo Avatar

    Havent touched WP The_Loop for years as it was bizarre idea when I was still junior web dev. You made it sound like its too simple. Now I fully understand how theming works. Thanks a lot man!

  10. Ali Rehmatullah Avatar

    What is the benefit of using the wordpress function for the character encoding instead of just typing UTF-8? I have the same question for using the function for the language attribute of the HTML tag.

  11. Stacey Claire Avatar

    Hi! I know this is quite outdated so I wonder why if that's why I am having problems. I've done the first two steps but when I click on themes in WordPress, it doesn't show up the theme that I've created.

  12. Tan Siying Avatar

    Hi I don't have the 2 posts there so i created 2 posts myself, but at 6.35 my site is blank, do you know what could be the reason?

  13. Hasan Al Banna Avatar

    instead of getting the name of title , i am getting "Home" ,anyone else facing this issue?

  14. OK Survive Avatar

    I couldn't figure out my my style.css wouldn't load. Finally found that the comment section on the top of the style.css file ended with /* instead of */. It was not closed out properly.

    Check that if you are still having problems and the other solutions in the comments here are not working.

  15. Andres Perez Avatar

    ok duh me! The CSS file wasn't loading. I noticed my title was going behind the admin bar. I was missing <? in the line header file, in the 7th line. It should be <?php wp_head(); ?> Which he had. Lesson here, pay extremely close attention. Everything he is doing works with the current version of wordpress. One small misstep can make a huge difference.

  16. João Guilherme da Costa Avatar

    Let me just stop this video at 7:04 and drop a comment: your video is awesome.

  17. Eman Abojaradeh Avatar

    hey , can someone tell me what is the text editor he is using?!

  18. Dean Joshua Solis Avatar

    Very helpful tutorial! More power and keep making awesome vids like this.

  19. Sarvan Chauhan Avatar

    i am a wordpress learner , i tried your code for learning but my functions.php page does not import style.css i dont know why…..
    can you slove my problem?

    here is my function.php code
    <?php

    function wordpressdemo_resources(){

    wp_enqueue_style( 'style', get_stylesheet_uri());
    }

    add_action('wp_enqueue_scripts', 'wordpressdemo_resources');

  20. Devin Weiss Avatar

    text edit didn't allow me to save the file as style.css It made me add rtf to it as well…

  21. Deborah Ligorio Avatar

    thanks so much! fantastic!!!! love it

  22. Behnam Ezazi Avatar

    Hi, how do you get you text editor to recognize wordpress function e.g(wp_*)… I tried with bluefish and notepad++ either didn't work and those functions didn't work 🙁 … how can I fix this?

  23. Monjurul Hasan Avatar

    Your are born instructor. Many hours I spent in learning WordPress, only now I am feeling that I am diving into it. Thank you so much!!

  24. anixi85 Avatar

    excuse me i didnt understand. i have hosting and put some changes in control panel in my hosting. DO i need to create css and php file and write some code there? (i know css and i created sites in bootstrap etc) Or i can just work from cpanel?

  25. TheBlack PixelNinja Avatar

    OMG!!! a lot of thanks m8!!!

  26. Jitendra Kumar Avatar

    I have always wondered why the php tag is never closed in a functions.php file. Any idea?

  27. Alexander Her Avatar

    UUUPSI! 11.54 and more

  28. Kaneh Merryman Avatar

    I got totally lost in the beginning when you went from the Dashboard to the wp folder to find themes! I followed you exactly on my Dashboard, but I do not see these folders anywhere! What did I do wrong? lol

  29. Keith Moreau Avatar

    Help please! When I update the index.php file from Hello World, to include the looping code, my webpage comes back with "This webpage isn't working". This is my first time writing code but im pretty sure I copied exactly what he did in the tutorial. My feeling is that Im not using teh correct text editor? The one the guy in the tutorial is using appears to change colour and indent automatically which mine doesn't? Any help appreciated. thanks

  30. Soham Das Avatar

    Can You tell which editor you are using on mac??and if its available for windows ?

  31. Laura Higgins Avatar

    I do feel these videos are glossing over minor steps that are leading me into long delays unnecessarily, like at 2:15 where he just suddenly is making files in the folder using a text editor, i am spending minutes trying to navigate this which is discouraging as it seems to be simple enough

  32. SurbhiCuteStar Channel Avatar

    #LearnWebCode #I really learn a lot with your video now finally I got my own theme I really happy with your work and your teaching way it was awesome I am very lazy type student seriously but now
    you are awesome i have seen many teachers s but they are awsome but you are the best for me as teacher Lol 🙁

  33. Norden Berisha Avatar

    Hello there, i got one question for those who use Windows : 1 – In what Text Editor you use the php – because i use Sublime Text 2 and "<?php ?>" says nothing

  34. Vikas Singh Avatar

    I must say its a great tutorial…I watched this video and practice it..its gives me a great pleasure

  35. Rohit Paniker Avatar

    All I want to say is, You are awesome!

  36. Pratik Dangol Avatar

    upto here everythig is fine, but last one, the css style for making border-bottom of each post is not working, i rechecked 4-5 times, the codes of css and index page is fine, still not working:
    i tried to change the class name of that article to 'site-header' then it shows the border as we used for header, but while i use another class names along with post is not working. i can't find the problem where is got error

  37. Amor Dz Avatar

    can u give the name of the text editor please

  38. ayman benchkroune Avatar

    thank you for the course but i think this is not for beginer ,must learn php first then should complete the course

  39. Ariunsanaa Avatar

    Thank you so much! God bless you!

  40. WishesNetwork Avatar

    From 16:25 and after – I had trouble. It would not apply the margins or horizontal lines. I put the code in right and I also copied+pasted the proper code to give it a second try. But my site still looks like what it shows at 16:25 and before.

    Could be my host, I'll give it a day or two.

  41. Rasheed Ibraheem Avatar

    my new theme is not showing in my wordpress appearance, can some one help out

Leave a Reply

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