Learn how to create a custom WordPress theme. You will learn a process that you can use to convert any HTML/CSS template into a WordPress theme.
🔗 HTML/CSS template:
🎥 Course from Andrew Wilson. Check out his YouTube channel:
⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (00:51) Responsive Template Overview
⌨️ (04:28) WordPress Theme Structure & Location
⌨️ (05:51) Create Required Empty Files / Folders for Theme
⌨️ (12:39) Create Theme Screenshot.png file
⌨️ (13:05) WordPress Template Hierarchy
⌨️ (14:50) Setting up Style.css File Required Information
⌨️ (17:10) Activating the New Theme
⌨️ (18:41) Create Theme Home Page Template
⌨️ (21:50) Enqueue Styles
⌨️ (25:55) Add wp_head() to Head Section
⌨️ (33:30) Enqueue Scripts
⌨️ (35:02) Add wp_footer() to Foot Section
⌨️ (41:25) Create header.php & footer.php Files
⌨️ (44:41) Add Dynamic Page Titles
⌨️ (48:63) WordPress Auto Thumbnail Sizes
⌨️ (50:50) Create Home Page in WordPress Admin Panel
⌨️ (53:20) The WordPress Loop
⌨️ (56:24) Dynamic Page Title Heading
⌨️ (58:01) Create WordPress Menu Area
⌨️ (01:03:36) Dynamic Menus
⌨️ (01:16:16) Customize Site Logo Upload & Name
⌨️ (01:25:12) Add WordPress Posts in Admin Panel
⌨️ (01:07:11) Add Feature Image Thumbnail Support
⌨️ (01:29:06) Create Single Post Template File
⌨️ (01:33:52) Add Post Meta Data
⌨️ (01:40:39) Comments & Comments Templates
⌨️ (01:53:45) Post Archives Page Templates
⌨️ (01:57:34) Blog Archive & index.php Templates
⌨️ (02:03:39) Post Thumbnails
⌨️ (02:07:16) Pagination Links
⌨️ (02:10:10) Page Template File
⌨️ (02:25:37) 404 Template (Page Not Found)
⌨️ (02:28:50) Add Searching
⌨️ (02:30:50) A Few Extras and Where to Go
—
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
#Create #Custom #WordPress #Theme #Full
thanks a lot
Where can I find the original WordPress zip-file you have with wp-content etc in it?
A wonderful introduction to custom WordPress themes. Just as an FYI at around 47:00 he amends the 'title-tag' but doesn't mention he also changed 'after_theme_setup' to 'after_setup_theme' — I spent far too long scratching my head over what I was doing wrong!
is anyone else having a problem with the CSS file at the begining, I also can't load the css file even if I hardcode it. Something is not right.
<?php
function followandrew_register_styles(){
wp_enqueue_style('followandrew-bootstrap', get_template_directory_uri."/style.css", array(), '1.0', 'all');
}
add_action('wp_enqueue_scripts', 'followandre_register_styles');
?>
what am I doing wrong?
Also, could it be that I am using PHP 8.2, that these errors pop up?
Thanks for the tutorial, though I think many things were improvised and not well prepared.
Fantastic tutorial Andrew! Very informative and easy to follow along. I want to deep dive in menu customization. Do you have other documentation about this. Menu with Submenu.
Thank you! great video
f…k you for this learning 🤬🤬🤬🤬🤬
hi, apart from html, css, js and php, what other codes will be used in wordpress development?
Want to really learn WordPress Development? Check out much more at my channel – https://www.youtube.com/@SmallTownDev
does anyone know why my archive page shows content-article.php instead of content-archive.php? in both archive and index file i use get_template_part('template-parts/content', 'archive'); which should be correct? Thanks
Looks nice. On my watch list
in VS-Code click on the gear on the bottom left corner. Click Settings and search for “stubs” then click on “intelephense” extension and then scroll down to bottom. Click add new item and then add wordpress. – error undefined content
Thank you very much ! So bored with pseudo wp expert on Youtube.
before coding the theme whats the process to design it please? can u point any good resource for this? (couldnt find anything useful using google or youtube)
Hey! Great Content! I am having an issue with the single.php file, in that after copying the code from front-page.php to single.php, and saving it, it still displays a plain white page. Not sure why, but, looking at the source code of that white page, there's nothing between the <head> or <body> tags, so, I imagine, it's not reading the single.php file at all.
Update: it took a minute, but, I realized the issue was permalink related & have now fixed that!
This was my first introduction to converting an HTML template into a working CMS and it was amazing. The pacing was perfect and each module was simple enough to follow along. With WordPress changes, I experienced a few small differences between my WordPress behavior and the tutorial, but these were easy to surmount and the code is still fresh and relevant.
Thank you for your works!!!
But, i have a question. How to open and edit your theme folders from server's file manager with vscode?
OMG you make a sach great video on website development 😀🤝🤝
Thank GOD, Finally the greatest tutorial I found. Better than many paid courses. Short and clear.