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鈥檛 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!!!