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: https://github.com/wilsmex/blog-site-template
🎥 Course from Andrew Wilson. Check out his YouTube channel: https://youtube.com/followandrew
⭐️ 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: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
Hey all, author here. Hope you learned a tip or two for WordPress themes! Join me at: http://www.youtube.com/FollowAndrew?s...
for some reason my wordpress doesnt even use single.php?
I dont get how does check and find the_custom_logo function at 1:19:00
we never declared that function.
in functions php we said: add_theme_support('custom-logo');
but thats not the same name.
Can you add arabic language translate
Makes custom stuff, looks himself like template lol 😛
Flatsome | Multi-Purpose Responsive WooCommerce Theme
Best Prize
https👉://1.envato.market/X0WMX
For others having issue with loading the styles.
Step 1 : copy the css from theme-template css folder to your empty style.css
Step 2 : In functions.php , edit the wp_enqueue_style line by writing { wp_enqueue_style('style' , get_stylesheet_uri()); }
What it basically does is wp will search for a filename style inside your current theme .
Helpful documentation : https://developer.wordpress.org/themes/basics/including-css-javascript/
thank you sir for this great tutorial.
WordPress Form Builder plugin at $5.
We recently build a WordPress drag and drop form builder, with a modern user interface. The builder has a built-in style editor where you can design the form without any coding.
Key Features are:
Drag and Drop
Responsive Form
Built-in Style Editor
Conditional Logic
Conditional Integration
Lead Management
17 Field Types
13 Integration
Join our Black Friday sale and get the plugin only at USD 5.
https://bitpress.pro/
https://wordpress.org/plugins/bit-form/#description
HELP!!! My stylesheet wont load…even with the longer path…
Find the complete code here
https://github.com/aliraza114/Wordpress-Cutome-Theme-
Cool. If you want to learn coding then checkout Programming Hero app.
Thank you for posting this tutorial. This was my first time working with Word Press on the backend. It was also a good introduction to using VS. I launched a WP docker container and followed along in the video.
i cant connect style.css
Hello, very informative video. Please do check some very informative videos on my channels too
I don't think this is a great tutorial for beginner. Because I got problem linking my CSS. So sad 🙁
why andrew-bootstrap dont give conflict? It is present both in css and js includes
This is the best WordPress tutorial I ever found!. Thanks, Andrew for making it.
Awesome tutorial, thank you.
Re. Menu classes, can’t you use Jquery to add the classes in the footer?
Hi Andrew i have followed your complete video after completion of the complete video when i try to edit page or post it given an error "Updating failed. The response is not a valid JSON response." can you help me
Awesome video. I'm having a trouble with the logo part. <?php echo $logo[0]?> does not work.
brilliant tutorials , but I'm stuck on loading my css through the function.php i followed the tut to the dot but for the last 3 hours no solution i have gone through 100 of forums any ides ?
Why didn't you finish building out the front page!?!?!?!… you deleted the hard coded markup but you didn't build it out dynamically… how do we get that bootstrap carousel to work, how to we pull in the images for the carousel, how do we build the Subscribe to the Newsletter bit and the card elements under it.
Why haven't you put the finished php code or theme files on you git hub repo!!?
Full Couse my ass… this tutorial is incomplete… freeCodeCamp should know better
How did you resize the layout at 1:05 – Is this a browser plugin?
I'm having problems uploading images to the Media Library. I get an error saying "An error occurred in the upload. Please try again later" even though it shows up in my wp-content/uploads folder. I've changed my folder permissions, but I'm still not able to see the content within the Media Library. Any idea what's going on? I've searched for so long to try and resolve this lol
Great Work!! Could anyone please explain what is the %3$s token being used for? Are there more tokens like this or what? Thanks in advance!
thanks! i finished it and have a beautiful blog now
Can the custom logo be done for only html text or is it just specifically for image logo's?
Hi, thanks for this tutorial. Can you (or anyone) please explain '&3$s' thing at 1:06:49
Hello i have an error in my functions. Php page when i am creating function
why didn't you post the finished code?
Thank you sir!!!