CodeSignal – The Duolingo of Coding Practice

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Start learning Write review

Overview

Develop a fully responsive custom website from scratch using WordPress, HTML, CSS, JavaScript, and PHP in this comprehensive tutorial. Master the art of WordPress theme development as you progress through a step-by-step process, starting with research and planning, moving on to UI design for multiple pages, and diving into PHP basics. Install WordPress locally, create a custom post type, understand template hierarchy, and implement essential WordPress functions. Build key website components including a front page, blog index, single post page with comments, sidebar with search functionality, contact form, and a custom 404 page. Access provided source code repositories and additional resources to enhance your learning experience and create a professional, customized WordPress website.

Syllabus

Intro and Demo.
Research & Planning.
UI Design - The Front Page.
UI Design - CSS.
UI Design - JavaScript.
UI Design - More Pages.
PHP Basics.
Installing WordPress locally.
WordPress - style.css file.
WordPress - linking CSS and JS.
WordPress - Custom Post Type.
WordPress - Template Hierarchy.
WordPress - while loop.
WordPress - the Front Page.
WordPress - Blogs Index Page.
WordPress - Single Post Page & Comments.
WordPress - Sidebar & Search.
WordPress - Contact Form.
WordPress - Custom 404 Page.
Finishing Up.

Taught by

freeCodeCamp.org

Reviews

4.8 rating, based on 4 Class Central reviews

Start your review of How to Make a Custom Website from Scratch using WordPress (Theme Development)

  • Profile image for Muhammad Eesa
    Muhammad Eesa @Eesa
    This is a really good tut. I think it's getting a bit old at this point but it doesn't appear to be dated yet. The OP codes things slightly differently than what I've seen from the other tutorials I've followed so I highly recommend following through to the end with this video but also try out other teachers to get a well rounded skill-set.

    Thanks so much for putting this together.
  • Profile image for Muhammad Naeem Iqbal
    Muhammad Naeem Iqbal @naeem666
    its very useful for developers. I am surprised that a wonderful and amazing course without any cost. thanks a lot
  • Profile image for محمدجعفر کاظمی
    محمدجعفر کاظمی
    Hello, have a good time and Shadi, it was a really good course and practical content was taught, especially the CSS sections, which are very useful for us in the design of the pages we want to design in Elementor.
  • Profile image for CSE3 4024 Mohamed Arkkam
    CSE3 4024 Mohamed Arkkam
    Perfect for advanced learning, explained the theme development very well.
    so much helpful information regarding backend coding too
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.