How to Make a Custom Website from Scratch using WordPress (Theme Development) – 2019 Tutorial



Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.

After watching this course you will have a solid understanding of how WordPress works and how to create your own custom theme in WordPress.

🔗 Design Source Code: https://github.com/Godsont/Responsive-Website-Design

🔗 Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro and Demo
⌨️ (0:00:55) Research & Planning
⌨️ (0:10:52) UI Design – The Front Page
⌨️ (0:27:47) UI Design – CSS
⌨️ (0:59:07) UI Design – JavaScript
⌨️ (1:05:11) UI Design – More Pages
⌨️ (1:20:43) PHP Basics
⌨️ (1:58:31) Installing WordPress locally
⌨️ (2:03:05) WordPress – style.css file
⌨️ (2:11:47) WordPress – linking CSS and JS
⌨️ (2:23:17) WordPress – Custom Post Type
⌨️ (2:33:31) WordPress – Template Hierarchy
⌨️ (2:43:29) WordPress – while loop
⌨️ (2:54:52) WordPress – the Front Page
⌨️ (3:11:44) WordPress – Blogs Index Page
⌨️ (3:26:42) WordPress – Single Post Page & Comments
⌨️ (3:52:59) WordPress – Sidebar & Search
⌨️ (4:14:35) WordPress – Contact Form
⌨️ (4:20:17) WordPress – Custom 404 Page
⌨️ (4:24:19) Finishing Up

Other Links:
🔗 Template Hierarchy: https://developer.wordpress.org/files/2014/10/wp-hierarchy.png
🔗 Link for the time formats in the_time() function: https://codex.wordpress.org/Function_Reference/the_time
🔗 Comment Form: https://codex.wordpress.org/Function_Reference/comment_form

Course from GTCoding. Check out their YouTube channel: https://www.youtube.com/gtcoding

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 32 Comments

  1. GTCoding

    Hi guys, I hope you liked the tutorial. Timestamps for the different sections are given in the description.
    You can subscribe to my channel for more web development tutorials. Here is the link: https://www.youtube.com/gtcoding?sub_confirmation=1

    Thanks to freeCodeCamp for sharing my course. Happy Coding! 👍👍

  2. cherry

    Freecode camp .. my real home <3 <3

  3. RM13

    Please dont get anymore Indian guys for tutorials, their accents are super off putting and annoying.

  4. Adu Gyamfi

    I was finding very difficult on where to start to become wordpress developer till i just watch this video. ❤❤ thank you for this video.

  5. monika singh

    Sir please woocommerce custom website video using proper code

  6. Tee O

    I'm considering starting a career in WordPress development, but I'm a little worried about the job outlook. Do WordPress developers even code anymore or can the entire website be easily built using page builders? Will there be a need for WordPress developers in ten years? Twenty years? Lastly, do WordPress developers often have to customize themes and plugins? Any advice would be appreciated.

  7. Denis Ulita

    hello sir I'm trying to create what you are sharing but my archive.php is not working for the Projects still showing index.php and when I created page.php for about the Projects also change to page.php.

  8. Nuwan Thushara

    Does anyone know where I can find a full tutorial on craftis wordpress theme? how to build a website using craftis theme or any similar one to craftis?

  9. Israel Diniz

    How can I open this tab that simulates the website on a mobile phone?

  10. Maxim K

    1 question: the function you've called "gt_setup()" on 2:17:38 is it custom name or it has to be this way?

  11. Business Opportunity in Ruvol

    I have invented a Board Game [still unpublished and not yet out in the market] that I believe is guaranteed to be as challenging and exciting as CHESS. I called it “RUVOL.”

    It is my hope that one day Ruvol may surpass chess as the “Number One Board Game in the World.”

    The weakness of chess is it always starts in fixed positions that the opening moves become “memorizable.” In fact, not a few have so mastered the moves that they can play against their opponents “blindfolded.” It is for this very reason that the great Bobby Fischer introduced his so-called “Fischer Random Chess,” where the starting position of the pieces is “randomized” to make the memorization of openings impracticable. Fortunately, it is also for this reason that I invented Ruvol where “every game” has been calculated to be a challenging one to play.

    HOW IS RUVOL PLAYED and HOW YOU CAN MONETIZE IT?

    I detailed everything in my YouTube video. Here is the link: https://www.youtube.com/watch?v=jcqth0m3-R0

    BIG MONEY POTENTIAL IN RUVOL!

    It is worthwhile to note that the people who play chess will be the same people who will play Ruvol. In my Google search, I learned there are around 800 million chess players in the world. Even just a small percentage of these 800 million is good enough to earn big money from Ruvol either as an ONLINE GAME BUSINESS or as a PHYSICAL PRODUCT DISTRIBUTOR.

    You may contact me at: rodolfovitangcol@gmail.com.

    Thanks and God bless!

    RODOLFO MARTIN VITANGCOL
    The Ruvol Inventor

  12. Hemant Sankhla

    BESTEST BEST BEST ULTIMATE BEST tutorial on wordpress development

  13. 1:10:00 If you look above the navbar, there is unnecessary empty space, like a top-margin for a navbar. However, after editing .page-heading, it disappeared. But not on my computer, I still have a big chunk of empty space above the navbar. It doesn't appear in my index.html, just in bloglist. It's super frustrating

  14. Ankita kolte

    Can you please tell me what should be the size of the card image…

  15. Lau Kia Li

    Thanks for you kind sharing! After watching your video, I understand more about how the theme works. I am at beginner stage and spent about 17 working hours to complete this.

  16. Abbas Boxwala

    Hello i m totally noob and new in coding and a friend of my recommended me to watch ur videos… But i m a bit confused as to where should i start from? Which course should I pick first and start… I just watched 10 mins of the WordPress video but could not really understand much… So do i need to watch any other course first? Please reply.
    Thankyou

  17. Md Aval Aval

    Thanks a lot and a lot.you really want people to learn something. This is really helpful for beggainers.

  18. Philip Rahman

    One of the best WordPress tutorials, you explained well and know how to teach steps by steps. I will be visiting your tutorials many more times. A big thanks from me for putting a nice course.

  19. Hello, great video and amazing work. If you dont mind, im having trouble making my navbar (i made my site differently from you) linking to other pages. When i press the about, instead of going to about.php, it goes to index.php. All links in my navbar do this. Please help, i would very much apreciate it. Thank you

  20. Ahmad Setiadi

    Please give the english or bahasa translation in every post(video)

  21. Ankeet Singh 01

    Hi everybody, just wanted to tell that this tutorial needs some modifications as of 2021 and I've commented some below that could help you along. Sorry I could not post them in one comment because YT was not letting me to do that.

  22. This tutorial is great!!
    I am having some trouble with finding the HTML for google fonts. Can you provide any links?

Leave a Reply