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

0 Total Views 0 Views Today

19 Comments on “How to Make a Custom Website from Scratch using WordPress (Theme Development) – 2019 Tutorial”

  1. how can we build a website for news using wordpress such as Le Monde….
    Thank you

  2. Thank you for this tut. The one thing I wish I could see is a complete theme with "Service, Portfolio, Gallery, About us" pages included. All the WordPress tuts I have watched do a Front, Blog, and Single post page but not the usual pages on a regular website I would be designing for clients.

  3. Hey there, what is your favorite page builder ? I utilize several though my favourite is undoubtedly Oxygen.
    Thanks for your hard work with this video recording – great stuff!!
    🙂

  4. That's THE VIDEOOOO. It helped me plan more interactive features to my blogs.
    FreeCodeCamp is a real Technology Evangelist.

  5. Great tutorial but next time can you not do it in the middle of rush hour traffic? 😉

  6. is this the latest most cutting edge way to make a custom wordpress site? What about using a framework like vue.js for front end and using wordpress api? I'm redesigning an existing wordpress site

  7. Thanx a lot , I am 12 and I am learning HTML and CSS , I thank you from my heart for that ❤️❤️

  8. Love custom themes and templates. You can do some amazing stuff with WordPress if you avoid bloated themes and plugins.

Leave a Reply

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

10 − 2 =