It's unbelievable that this kind of content is available for free. We honestly have no excuse for not learning whatever it is we want. Thank you so much Andrew and thanks to the channel for providing such amazing material. Subscriber for life. 👍
@sergiu2325 Жыл бұрын
This is exactly what I thought.
@SHARAFx166 ай бұрын
agreed
@FollowAndrew3 ай бұрын
You're welcome! There truly is tens of thousands of dollars worth of knowledge/content packed into this video!
@Jennifooclay3 жыл бұрын
Finally a real custom theme development tutorial, I think i've searched KZfaq for one like this for almost 2-3 years and have not found one that didn't spend most of the time installing an existing theme, and other surface level stuff like only HTML and CSS. I had also spent 3 months in a bootcamp and they didn't cover anything to do with CMS and barely scratched PHP. Thank you for this!
@ygjt76v0-----3 жыл бұрын
😀
@Musfiq772 жыл бұрын
Right
@sanikumar-ql9zg Жыл бұрын
Hii
@JP-ps8fb4 жыл бұрын
The hook at 47:00 is not 'after_theme_setup', it's 'after_setup_theme' for anyone who had trouble getting the title tag to print.
@adiljamshad2154 жыл бұрын
It really saddens me that Andrew did not mention this little mistake. He did change "after_theme_setup" to "after_setup_theme". But he did not mention in video.
@charlie-george4 жыл бұрын
@@adiljamshad215 How did he get his working with the incorrect spelling?
@adiljamshad2154 жыл бұрын
@@charlie-george of course, I couldn't make it work with incorrect hook. I searched on google about this issue and found similar issue on stackflow. Then I rectified the issue and it started working!
@charlie-george4 жыл бұрын
@@adiljamshad215 Good work mate. That's the strength of us devs. We encounter problems like this, inevitably, but it's our ability to problem-solve that makes us most valuable.
@travisantoniello3 жыл бұрын
Glad this is only a couple of comments down, cheers
@nextrie4 жыл бұрын
This is the gold content we've all wanted for a long time. Thank you for this WordPress tutorial. So many channels talk about top-level WP stuff, but not about developing a custom theme from an HTML template.
@FollowAndrew4 жыл бұрын
Thanks, developing WordPress themes definitely has quite a few quirks, but this should be a good guide on getting started!
@WEBDEVIndo3 жыл бұрын
You are right nextTRIE. This channel very recommended
@christianpuchner65203 жыл бұрын
I am just starting to watch and already know that this is gold
@marklsimonson7 ай бұрын
This is exactly what I needed. I switched a personal site of mine to WP a few years ago for technical reasons, but was stumped on how to get the design I'd developed over many years adapted as a WP theme. I gave up and went with something serviceable but completely lacking in the look and feel I wanted. I'm nearly finished now with adapting my original site design to WP, thanks to your clear and concise explanations.
@mattlarsen Жыл бұрын
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.
@sanathkumar65264 жыл бұрын
Honestly, my fav channel on KZfaq
@kaioganso2 жыл бұрын
Best dev tutorial I've ever seen, I was a total wordpress theme noob comming in and I'm leaving very confident and with a very clear vision on how it all works. Thanks a lot, god bless.
@fabestcoder2 жыл бұрын
Watch More- #FabestCoder
@asthaneupane25142 жыл бұрын
How would you create other pages, such as Gallery, About, History / Timelines?
@Nartek013 жыл бұрын
DONE! Ran the whole course from 3pm to 12:20am, I was slacking in school when we were going through CMS theme development, and then on the internship I was teached how to use ACF + Gutenberg Blocks and realize that I didn't even know what hooks were. This course was very helpful for me and will show it too my peers.
@watchryang4 жыл бұрын
For the menus, if you want the classes for the , you can add the full line into the Navigation Label field. So Blog Post will work. Just make sure to change the href and set the display value, and this will pull in the CSS.
@auniquehandle3 жыл бұрын
tank, u're great
@harshadnaik7673 жыл бұрын
Thanks
@zulfiqaralikhan32272 жыл бұрын
Hello Sir, I completed your tutorial in three days with watching, pausing, practicing, and now I am very very familiar with the WordPress structure. Thank you for sharing your experience. I know how hard work you did in this long video. Thumbs up sir. Again thanks for giving back to the community... Love From Pakistan
@YasminFilms11 ай бұрын
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!
@gamersview77919 ай бұрын
hello @YasminFilms want your help why my custom css file is not loaded. but adrew custom css file is loaded. i have done exactly what adrew did but still my custom css file is not loaded.
@carlholms85029 ай бұрын
Thanks for pointing that out @YasminFilms :)
@GeekBastion2 жыл бұрын
Here are some timestamps i made while following along with your video and thought other people might find them helpful 00:00:00 intro 00:04:30 Files structure 00:13:00 template hierarchy 00:14:50 adding theme info that displays in wordpress appearance section backend 00:18:30 migrating custom theme to wordpress 00:42:00 theme split 00:57:55 menus 01:15:20 favicon 01:20:00 add dynamic custom logo 01:25:20 add posts 01:34:00 metadata / tags / published date 01:39:20 comments 01:54:00 archive 02:10:10 Pages 02:12:00 Widgets 02:25:50 404 page and search
@codingshiv1670 Жыл бұрын
Hey ! do you know how t setup the environment? u know any video regarding it ? pls help me
@GeekBastion Жыл бұрын
@@codingshiv1670 wdum
@codingshiv1670 Жыл бұрын
@@GeekBastion I need a environment setup walkthrough video fo his project . pls help. at start he say there is another environment setup video by him I couldnt find. Im new to web dev . so pls help with env needed for the project he is explining
@GeekBastion Жыл бұрын
@@codingshiv1670 if you are new you probably should not start with this one until you know HTML, CSS, JS, some php, setting up local servers with wamp or xamp and know your way around wordpress interface
@codingshiv1670 Жыл бұрын
@@GeekBastion I have knowlege in html css js php basics. help me setup environment for this project so that I can practice that as a part of my preparation for interviews.
@japhethjay4880 Жыл бұрын
Amazing tutorial, I think like me most people might get confused somewhere, he doesn't say to copy the content of the css file into your stylesheet under the comments you create, or maybe I just didn't see that, I had to struggle with that until I just copied the content and it worked, hope this helps someone, thanks again for the tutorial though am watching 2 years later in 2023 hahaha.
@jeremywallis38673 жыл бұрын
Thanks for making the tutorial. I have just finished it. As usual with these things, where things didn't initially work or where I got lost in an explanation or section of code, it provided an opportunity to get Googling and hence develop a more in depth understanding. One thing I battled to understand was the overall layout of the page which, initially, I just assumed you had done with a grid layout. But later I realised you hadn't done that and had relied on the side bar using position: fixed to take it out of the usual page flow and then position: sticky for the page title area. Again, the confusion cleared after some Googling and my knowledge increased a bit! Thank you for taking the time to do this :-)
@andreranulfo-dev86073 жыл бұрын
I don't have the words to thank you. You just helped a simple guy put food in his table with your tutorial.
@ds25562 жыл бұрын
Out of the dozens of courses I've done for various web development related learning you by far are my favorite teacher!
@netti12943 жыл бұрын
Very great content! Many thanks for that! Andrew explains details and functionalities which helped me understand WordPress. Anyone else having trouble with the custom logo at 1:17:43 ? This code worked for me (so it maybe helps someone else too) function config_custom_logo() { add_theme_support( 'custom-logo' ); } add_action( 'after_setup_theme' , 'config_custom_logo' );
@andreranulfo-dev86073 жыл бұрын
Me! Thanks a lot!
@pakinem39912 жыл бұрын
thaaaaanks a lot I spent the whole day trying to figure it out you are a life saver
@thescribblersdiary2 ай бұрын
Literally! A Masterpiece. Very well crafted. Watching it after 4 years for my prep and its wonderfull 👏🏻👏🏻
@deeppatel1123 Жыл бұрын
for those whose CSS on the page is not loading, you need to copy the content from the style.css located in the template folder to the style.css file which you created and wrote the comment. also in functions.php if the enqueue code in the video doesn't work for you try this :
@tobylock1827 Жыл бұрын
legend
@The_creepy_one1 Жыл бұрын
thanks dude
@MiguelRodriguez-kv9tsАй бұрын
If you are developing in xampp and have errors is better to use WP functions
@MetalGinger Жыл бұрын
This tutorial has been GREAT! Best resource I've come across on KZfaq with creating custom themes. Thank you!
@nasirifyАй бұрын
this was amazing! I'm a js developer and I learnt it in no time with a little video on PHP!! Thanks for this awesome video 😍🔥✌🏻
@_._lis_._ Жыл бұрын
Awesome! Though this tutorial is not in-depth as the ones in boot-camps, I will highly recommend anyone who is going to go through a course/boot-camp. There are tons of info covered in a typical course hence it is very easy to be lost. Going through this tutorial first will help you to connect things. Approaching the course after this video makes it much understandable.
@r_u_p_d97764 жыл бұрын
⭐️ 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:53) 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 Copied From Description, Just To Help Mobile Users! Hope it helps :D! Edit: Changed "48:63 " to "48:53 "
@muneebmukhthar48803 жыл бұрын
This is the best WordPress tutorial I ever found!. Thanks, Andrew for making it.
@user-di9px4oz5r Жыл бұрын
Thank GOD, Finally the greatest tutorial I found. Better than many paid courses. Short and clear.
@PLUS-sj4sf2 жыл бұрын
This tutorial was one of the best tutorials I have ever had for wordpress!! Thanx a million. I would appreciate if you post a tutorial regarding customizing and editing the backend and dashboard section, thank you!!!
@darkrayl3igh3 жыл бұрын
Around 1:10:00, you explained that we need a custom walker to add the class attribute to the anchor tag. However, soon after, you simply added the icon to the menu item by adding HTML to the title of the menu item in the WordPress interface. My question is, why can't we just add the entirety of the tag inside of the title of the menu item in the WordPress interface? Whatever we put in there will be put inside of the tags right? Isn't this good enough for a workaround?
@StephanPetrequin3 ай бұрын
Thanks for providing a great tutorial! I have a friend who wants a much needed update to their site. Being a .net & next.js developer with no experience with Wordpress wasn't sure how to proceed. Thanks to your tutorial I'm getting the hang of Wordpress and already making great progress in navigating the old theme, and updating it with a new theme.
@Kaamz19263 жыл бұрын
if you need an alternate way without using "echo" at 1:24:34 then this is for you: blank ' ' is for default value, you ay use 'description' as well
@nnivxix2 жыл бұрын
if you still wondering why my css not loaded in 20:53 you can try copy paste the content of css file from `blog-site-template/css/style.css` to `/style.css` then in front-page.php link the css with `wordpress/wp-content/themes//style.css`
@sourovbiswas2 жыл бұрын
same
@lexerquine3008 Жыл бұрын
absolutely a gem! no error whatsoever and everything worked perfectly following step by step. thank you so much for your work and great video.
@vegito85025 ай бұрын
Great introductory course. However would recommend focusing on the walker nav menu class to better support menus
@ObscureDeveloper Жыл бұрын
For those who may have noticed in the blog section, to get the page title to display correctly, I used the following function in place of "the_title();" and managing the wrapping within the function "single_post_title('', '');"
@BallEcomThatthana11 ай бұрын
I modified the code of the header
@BallEcomThatthana11 ай бұрын
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
@tonbii2 ай бұрын
Great tutorial. The best tutorial for Wordpress I have ever seen. Thank you, Andrew.
@arnab_d97 ай бұрын
This is a great short and crisp turorial. This content is gem for beginners. Thank you so much!!
@iotmadeez1192 Жыл бұрын
This is truly GOLD class tutorial! Thanks a tonne Andrew for making Wordpress Themes Creation so simple for novices like me.
@Rewolbebol9 ай бұрын
I just love how you explain everything in suck details, thank you !
@daon234 ай бұрын
For anyone having trouble with 47:00, the dynamic page title, don't wrap the add_theme_support() function within another function, it just works now apparently
@daon234 ай бұрын
If I did the wrap it crashed the wp site
@manishsrivastava46984 жыл бұрын
This is on of the best tutorial , at least I know from now.... where to start.Thanks a lot Andrew.
@irisschaumberger8737 Жыл бұрын
Maybe this has changed over the last 2 years, but the correct function code for the theme support is now [44:41]: function followandrew_theme_support (){ add_theme_support('title-tag'); } add_action('after_setup_theme','followandrew_theme_support'); (!) 'after_setup_theme instead' of' after_theme_setup'
@alighieribosch11 ай бұрын
He forgot to mention that. Completely his fault
@LouiseJosephine7 ай бұрын
There are 3 jobs in my home county (rural UK) and they're called "web developer" roles but when reading the description all three jobs say it involves creating Wordpress websites from static designs. I'm learning CSS/JavaScript, but seems like in my area Wordpress is still an important skill for paid work!
@bostonmacosx Жыл бұрын
Ok I'm really missing how you got the new styles involved...you have a blank CSS file and then BOOM you have styles...that doesn't make any sense..
@suborno92493 ай бұрын
Don't follow thoroughly over it, make changes on your own and you will figure it out. I did the same thing.
@FarhanOnlen15 күн бұрын
At minute 32:00 you will see that style.css already has the code
@ilhamzamzami564Күн бұрын
Waw
@gilbertvasquez7913 Жыл бұрын
I've done some basic PHP training and have worked with Wordpress and themes. This was a great tutorial to see how PHP ties into the functionality of themes. Cool stuff.
@quirkymarshmallow93244 жыл бұрын
Hey Andrew, Really nice video! I do not know of any other course that cover theme development in such details. I learned new useful stuff that I didn't know, even though I have worked with WordPress before. Thank you for putting that much effort into the video.
@rongdong19144 жыл бұрын
I learned too many things about web development from these tutorials. so many thanks
@GerbzzCS26 ай бұрын
At 20 minutes in, when you link the CSS file, we have not yet got the CSS from the template and did anything to it, so the style.css in the root should only be the comments we added to get the screenshot.png, so why would linking the CSS at this point have the CSS we need from the blog template CSS folder?
@mightydawnweb7 ай бұрын
This tutorial was fantastic! A really great start to theme-building! I'm excited to start building mine as I follow along. Thank you for all the work you put into this! Subscribed!
@biolbam2 жыл бұрын
This tutorial is so good. it took me 2 days to follow along and learnt many core points of wp that i really wanted to know. Thank you!
@Dylson7 ай бұрын
Mate! Great beginner friendly tutorial on Wordpress! It's a great place to start and I learned quite a lot! Looking forward to adding this to the portfolio!
@snjosyula2 жыл бұрын
What a video, wonderful. 2.30 Mn Wordpress Crash course. In return i clicked all your ads :)
@Mugge2433 жыл бұрын
Thank you so much for this course! I've disabled my adblock just to support you :D!!
@Brandamonium3 жыл бұрын
This is SOOOO helpful! Thank you. I learned a ton in a short amount of time.
@calebb54902 жыл бұрын
I dont know why, but i feel a subliminal calling to "follow Andrew." Good stuff!
@georgesngandeu91152 жыл бұрын
This dude is a wordpress god, very very well explained!!!!! Thank you fcc!!!!!! I am definitely supporting this project
@MarianoFrias6 ай бұрын
Great tutorial! Very detailed and well explained! Round of aplause 👏👏
@vincentberlin13454 жыл бұрын
Excellent! I had been looking for such a detailed tutorial about mutating HTML/CSS into a WP site for some time.
@miyushanrodrigo37082 жыл бұрын
Thank you Andrew. This is a great tutorial for beginners who like to learn WordPress theme developments.♥♥
@Sp33nDy Жыл бұрын
Thank you for your video, it was very detailed and accessible. I'm using a translator to thank you for your video. Thank you so much, I had some issues with page output, but following your step-by-step instructions, everything worked out!
@ErikUden3 жыл бұрын
This man is handing out careers for free
@wutever03 жыл бұрын
Quite a lot of effort you put there.. Thanks a lot Andrew! All the best
@MissBoom1352 жыл бұрын
Fantastic tutorial Andrew! Very informative and easy to follow along.
@Thaulopi4 жыл бұрын
Thanks a million for taking your time and giving me such a good tutorial. Thank you Sir!
@patrickgeorgiev13503 жыл бұрын
Great help for SEO on WordPress, I can understand how to customize stuff without any 3rd party plugins that create bloat, great work!
@stefan_josch Жыл бұрын
You are my hero. Great job! Best quality of video and content. Thank You!
@mikolots Жыл бұрын
Thank you for taking the time to explain things clearly.
@donbedwell23224 жыл бұрын
This is exactly what I needed! Thank you thank you thank you!
@jenearlyang79913 жыл бұрын
Thank you Andrew Wilson for this great tutorial. The video divided into chapters and showing what it should look like has helped me tremendously!
@err5634 Жыл бұрын
Thanks so much. This was so helpful for a WP newbie. Well presented and not rushed, so easy to follow.
@SindyAnne Жыл бұрын
Thank you for this tutorial! This is exactly how I learn and am able to wrap my head around thing once I am able to see it in action. :)
@nassimsleem7 Жыл бұрын
Hello, I have a little comment on this course, Andrew is very good, but also he do some changes and he cut it out from the video so we get confuse so please be careful next time for this issue because it is very important.!
@mujibilla1749 Жыл бұрын
Hey you inspired me. Because I was learning more then 2 day evan I couldn't understand. You did what I need. Thank you 😊
@user-ct6fu3kz4h Жыл бұрын
THAT WAS AWSOME!!! thank you thousand times
@erichepperlewp Жыл бұрын
Excellent tutorial! Love the step-by-step walkthrough
@jimmylam36594 жыл бұрын
Hi Andrew, great tutorial. I was wondering where I can find that reference video you mention at 3:56 for how to set up a local server to view PHP and how to pull WordPress required documents.
@johnadringonsalves13223 жыл бұрын
use local it alows you to host the site on your pc
@niels81952 жыл бұрын
I was wondering this too
@julialoucks2 жыл бұрын
I'm using Local and it's fantastic, there are some youtube tutorials on how to get it set up on your computer that are easy to follow along.
@motalofi2 жыл бұрын
This video got me my dream job. Thanks andrew!
@samruddhakalke4692 жыл бұрын
Your videos are the best man.. Second time used it for building website.. Cool..Thank you for making such videos
@khalidelgazzar Жыл бұрын
Looks nice. On my watch list
@khalidelgazzar3 ай бұрын
Done. Watched.
@ivanstrizhevski13302 жыл бұрын
Thank you for a long time I was looking for a reliable hosting for the site!
@grahamabarnes4 жыл бұрын
I have been creating custom Wordpress themes for years, great video, could have done with this years ago as had to learn some of this stuff as and when needed.
@kaycampbell3643 жыл бұрын
graham barnes could you mentor me
@alephinnovations6008 Жыл бұрын
do you have a website or portfolio? I would really like to reach out as I have a few questions.
@ygjt76v0-----3 жыл бұрын
Best channel on youtube
@AliRaza-gr8to3 жыл бұрын
Find the complete code here github.com/aliraza114/Wordpress-Cutome-Theme-
@emmanuelfabiani84353 жыл бұрын
Hi thank you so much for sharing you code I have a problem at 21:05 where my css won't load no matter what path I use. Do you have any idea of what could be the problem?
@AliRaza-gr8to3 жыл бұрын
@@emmanuelfabiani8435 Have you tried my code ?
@fsniraj3 жыл бұрын
I found the easiest way to add class to the nav item is by using javascript dom manuplation const navItem = document.querySelectorAll('.navbar-nav li'); navItem.forEach(item => { item.classList.add('nav-item'); item.querySelector('a').classList.add('nav-link'); });
@ed86233 жыл бұрын
thanks! i finished it and have a beautiful blog now
@hassanndamnjoya86322 жыл бұрын
Just Amazing! The course is complete and I learnt a lot. Thanks so much
@user-hc7lk8gw4n2 жыл бұрын
Well that was probably all i needed to know to adjust stuff... Great video, thanks a lot!
@SmallTownDev11 ай бұрын
Want to really learn WordPress Development? Check out much more at my channel - www.youtube.com/@SmallTownDev
@yooujiin2 жыл бұрын
This is exactly what I was searching for! Ty! Ty!
@justingolden872 жыл бұрын
First off, amazing tutorial! For the weird menu stuff where you can't control the classes of the anchor element and have to write the unordered list in a string and add the icons and list item classes in WP, could you just loop through an array of menu items from the WP API and then simply echo them to the page inside of the ul?
@tattarrrrattat4 жыл бұрын
Great tutorial Andrew - keep 'em comin!
@chesterleespencer58082 жыл бұрын
Thank you for helping the society with the best stuff...
@AyeAyeMon3 жыл бұрын
Very good tutorial. It would be nice to add a new timestamp at 2:12:04 which is about widgets.
@kila0bdg3 жыл бұрын
Great tutorial, but there are a few errors, like the_title() function in the header.php file. It makes an issue on the archive page because there will be a title of the first post in this place.
@ninovslife2 жыл бұрын
Any advice on how to fix this? I was really disappointed when I realized that too.
@andrewa86494 жыл бұрын
Really good. I liked it. The only part I didn't like was the way he created the menu, it can be done better :)
@FollowAndrew4 жыл бұрын
I agree. The menu was a bit hacked together as it had a lot of bootstrap specific markup, and I thought creating custom menu walkers was a bit out of the scope...
@abirsarkar9472 жыл бұрын
We can add ".nav-link" class using Vanila JavaScript: function addClass(selector, className) { let nList = document.querySelectorAll(selector); for (let i = 0; i < nList.length; i++) { nList[i].classList.add(className); } } addClass(".nav-item a", "nav-link"); @FollowAndrew
@fredveraas79264 жыл бұрын
I wish this video was more readable. fullscreen makes is almost impossible to read for me, - smaller screen, too small for my eyeglasses.
@GracielaDiLelle3 жыл бұрын
you need to adjust the video resolution
@markeyboi65452 жыл бұрын
I noticed template-archive.php appeared out of nowhere. Why is that? It's bad to do off-screen editing on a beginner's tutorial but it's extremely bad when you don't provide the final source code.
@ayandas851 Жыл бұрын
Great Tutorial❤❤
@justingolden212 жыл бұрын
Styles didn't show up for me until adding to the head in front-page.php (28min mark)