I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!
We will help you for growing your channel, but just provide us unic content. Like lms or woocommerce theme development, Most of the developer just show ordinary blog page, but we want something different
Hi Adrian. I am a subscriber to your channel, thanks for a nice tutorial. ## But please can you shortly tell me from where you directly unzipped the WP folder into the www folder. Where I should find this WP folder. please reply. Thanks
@@AdrianTwarog yes, I love the tutorial but some things have become quite unclear like the set up in the beginning regarding your hosts file which you already had prepared. I'm wondering if it's not too much trouble if you could let me know how I would be able to edit my Wordpress site which at the moment is online in my hosting provider, I've used the Wordpress one-click option I get on www.one.com, I thought I could just download it, edit it locally and then replace all the files but then I don't know how I would replace the database or if that's even possible. My goal is to try creating my site for which I already have a design, so I'm not gonna be copying yours, but I want to be able to use vscode like you do on your tutorial. Please if u have a moment, I'd appreciate it very much if you could help me out. :) thanks
2:33-2:54 => understrap github 3:30 => data base 3:53 => wamp 4:19 => create a new file for the theme in wp file 4:44, 5:16 => editing apache section, passing www file 7:05, 7:19 => file basis with understrap inside, npm install all the packages
I love how you explain the problems and their solution inside the video, unlike most content creators who don't show the troubleshooting process. It helps in understanding better. Another thing is the quality, which is awesome! Thank you for making these tutorials and appreciate your efforts! :) Best of luck 365 videos a year! Thumbs up!
Yeah I think problem solving is an important skill to have. I do my best to keep the real world process of figuring things out, in the video so others can see how to approach it :)
subscribed your channel for custom wordpress themes, you cant find a video like this so detailed with no step skipped, love to see more custom Wordpress themes . keep the good work
@@AdrianTwarog would be more better if for people like us who are very novice you should make your speed slow sometimes it gets very hard to follow your movements you are way fast.
This is so so helpful tutorial for a WordPress theme developer. I have been looking for a course like this for a long time. Thank you so much Adrian. I am practicing following your tutorial. Want more advanced video tutorial about WordPress from you Adrian.
This yellow is actually orange! Lol. Love you man, amazing job you have done and even better help for me. I'm currently learning WP for upcoming project. Thank you, thank you, thank you!
Can't get _theme and _theme_variables to overwrite the default bootstrap. Any suggestions? Unfortunately, I'm 16 mins into this tutorial and have spent 2-3 hours troubleshooting all the disconnects. Environment set up is broken / overly complicated and the scss files edited in the video don't overwrite the bootstrap files. I applaud the time you took and I appreciate your efforts, but this tutorial is currently obsolete. Might be good to add some notes or create a 2021 version.
I ran into this also. One thing that helped me was to go into the Wordpress Admin page -> Customize the Theme, -> Theme Layout Settings -> Change Bootstrap Version to Bootstrap 5.
Just finished part one Adrian. Really enjoyed this and I'm sure it will help me in solving problems in my own projects. I can see me referring back to this code a lot. I never knew Sass before this and you have shown me the way. Thank you
That’s great to hear! I’m trying to figure out better ways to turn these into more educational formats so if you found things missing or have suggestions please let me know!
@Rob Doyle Creative Me as well. On home page. When I click order skip it does not show cart, instead redirect to XAMP screen. How did you solve the problem?
1:02:05 Is this a good practice? Placing another copy of a menu button so it can just show on a certain size screen, and then switching display: none between them?
hey, would I be able to sell this theme on themeforest ? also I wanted to ask you for example I use some theme form wordpress and modified the design and style, would i be able to export it and sell it on themeforest ?
Greaaaaaaaaatttt Oneeeeee!!!! I see that this was requested by someone. I would like to make a request now. I hop you do this. Can we get a course where we can develop theme from scratch for Wordpress or for peoples who can make use of our theme?
Hi Adrian, Thank you for your time to teach us theme development, after gulp watch, it gets stuck to starting how do I fix this. Do the changes on the host file modification have to be done on the system32 folder? TIA
So I try and follow this, and when I save my header file and load the page, it shows the blue color. I checked the theme variables stuff it's all right. I am doing this on a webserver, not on my local machine so im not using gulp, is that important?
@@AdrianTwarog You seemed to paste some code in the functions file of the theme. It appears to be woocommerce code, my question is, where did you grab the code? The code you pasted on the theme’s function file.
Hey, I am using XAMPP and am not able to create a Virtual Host. I tried grabbing the hosts file from Windows/System32/drivers/etc/hosts file... Can you help?
@@ExorcistVII Sure! I realised I had to stop my MySQL and Apache once I made any, changes... And then again hit Start and click Admin for the both of them in XAMPP. I had put my files in the htdocs folder and named my Virtual host too in the vhosts something file in the Apache/config/... Well, like Adrian, I also created a shortcut of the etc( C//: Windows/System32/drivers/etc) folder in which I created a host folder in which I put my hosts file into which I mentioned my virtual host server i.e, 127.0.0.1 dawn.localhost. That's all :)
It can be my problem as a begginer to WP but the author doesn't explain here the file structure of WP and moves too quickly with actions between screens and templates making it difficult to catch and understand what is going on.
Hello Guys. If you had problems with gulp watch. Delete everything and install the latest version of Nodejs. Run NPM install again and you should be able to run gulp watch. I battled with this for 2 days. There's a bit of problem with Nodejs version 12 and Gulp.
@@AdrianTwarog it's the least we can do. You spent 8 hours on the tutorial. Once I am done with the code, I would upload it and post it on GitHub so others can follow through and compare their codes. This is valuable stuff.
@@chinomsojohnson8746 still getting errors on start watching [05:04:20] Using gulpfile D:\xamp\htdocs\wordpress\wp-content\themes\ldextheme\gulpfile.js [05:04:20] Starting 'watch'... [05:04:20] Finished 'watch' after 47 ms [05:04:43] Starting 'styles'... [05:04:43] Starting 'sass'... { Error: sass\assets\bootstrap4.scss Error: File to import not found or unreadable: ../../src/sass/bootstrap4/functions.
This is a problem if you are creating the site locally. What you have to do is either create a database with PhpMyAdmin (Look this up if you dont know what it is, and see how to set it up). Or you need to make sure your other ports on your computer (most common is :8888), aren't open, or it won't work.
I would like to use a hosting service like siteground for the website. Where do I need to upload the files or do you maybe know a good tutorial on how to host a self made website ?
Quick newbie question. does creating WP themes from scratch or Custom WP theme from scratch have a better website speed than WP builders like DIVI, Elementor etc?
Very good. Unfortunately, UnderStrap looks like it's discontinued. No activity on the 39 issue corrections and 23 pull requests for some time. Still good for learning the development for themes but not for live sites.
Their working on a big side project as part of it, but once their done I’m sure they’ll get back into it, so far it’s served me really well, but if you have recommendations???!!!
Hi, I'm trying to understand, what's this tool that you are working with to see all the different styles(mobile,desktop etc)? all the video you are working with it.
That's great! You should also look up the bootstrap documentation because it is used a lot here and you might get confused when it comes to you next project and you try to use "col-lg-8" (for example) and it doesn't do anything 😅.
My understanding based on current documentation is that the ideal is to install the parent theme, then install the child theme and only make edits to those files. Is that correct?
I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!
We will help you for growing your channel, but just provide us unic content. Like lms or woocommerce theme development, Most of the developer just show ordinary blog page, but we want something different
@@russellazim6589 First learn to to tell simple thanks and subscribe to his channel
Hi Adrian.
I am a subscriber to your channel, thanks for a nice tutorial. ##
But please can you shortly tell me from where you directly unzipped the WP folder into the www folder.
Where I should find this WP folder.
please reply.
Thanks
Thanks a million keep up the great stuff... #totallyinspired
Can you teach us how to create a Stripe website as they have the exact same from scratch?????????
This is a severely underrated video. All that he taught here changed my life as a WP dev and got me into full stack. Thanks Adrian.
9 hours. this guy is dedicated.
I’ll make a longer one next time!!
And this is only part 1 😂
9 hours ... or as a web developer would call it ... a half working day.
Another WP theme
@@AdrianTwarog
1 hour into the tutorial and I've just started to try to understand my phobia against php and WordPress. Sending lots of love for this great teacher!
Happy to hear this helps, it’s all step by step!
@@AdrianTwarog yes, I love the tutorial but some things have become quite unclear like the set up in the beginning regarding your hosts file which you already had prepared. I'm wondering if it's not too much trouble if you could let me know how I would be able to edit my Wordpress site which at the moment is online in my hosting provider, I've used the Wordpress one-click option I get on www.one.com, I thought I could just download it, edit it locally and then replace all the files but then I don't know how I would replace the database or if that's even possible. My goal is to try creating my site for which I already have a design, so I'm not gonna be copying yours, but I want to be able to use vscode like you do on your tutorial. Please if u have a moment, I'd appreciate it very much if you could help me out. :) thanks
it's called : a great quality course ! Thank you Adrian . love definitly your way to explain .
samir samir cheers :)
@@AdrianTwarog can you make a video on elementor configuration
adrian i wish you ll hit million subs within a year and remember i was here from the first...thank you for such quality content
Thanks :), for me subs aren’t as important as good content. My goal is to make 365 good videos for people this year!
Great content always gets noticed and the subs will naturally follow.
This was the best tutorial i found over internet! Congratulations! Hugs from Brazil guy!
2:33-2:54 => understrap github
3:30 => data base
3:53 => wamp
4:19 => create a new file for the theme in wp file
4:44, 5:16 => editing apache section, passing www file
7:05, 7:19 => file basis with understrap inside, npm install all the packages
I love how you explain the problems and their solution inside the video, unlike most content creators who don't show the troubleshooting process. It helps in understanding better.
Another thing is the quality, which is awesome! Thank you for making these tutorials and appreciate your efforts! :)
Best of luck 365 videos a year! Thumbs up!
Yeah I think problem solving is an important skill to have. I do my best to keep the real world process of figuring things out, in the video so others can see how to approach it :)
I agree with you there. It's great to see a thought process
subscribed your channel for custom wordpress themes, you cant find a video like this so detailed with no step skipped, love to see more custom Wordpress themes . keep the good work
This is better than Udemy courses out there
Really?!
@@AdrianTwarog would be more better if for people like us who are very novice you should make your speed slow sometimes it gets very hard to follow your movements you are way fast.
I got stuck from the beginning, having trouble on that gulp and the primary color, and everything that you include on the _theme.scss is not in effect
سير الله يحفظك اخويا احسن شرح شفتو و ساهل بزاف ديال الحب ليك اخويا 3>
thank you so much for this amazing tutorial, alot of love for u
thats great!
Thank you for helping the community...
This is so so helpful tutorial for a WordPress theme developer. I have been looking for a course like this for a long time. Thank you so much Adrian. I am practicing following your tutorial. Want more advanced video tutorial about WordPress from you Adrian.
Adrian!! I am a fan!!!! Thank you for time and dedication! This came at the perfect time
Oscar Galindo great to hear thank you :)
oh a new hero is coming!
This yellow is actually orange! Lol. Love you man, amazing job you have done and even better help for me. I'm currently learning WP for upcoming project. Thank you, thank you, thank you!
Can't get _theme and _theme_variables to overwrite the default bootstrap. Any suggestions?
Unfortunately, I'm 16 mins into this tutorial and have spent 2-3 hours troubleshooting all the disconnects. Environment set up is broken / overly complicated and the scss files edited in the video don't overwrite the bootstrap files.
I applaud the time you took and I appreciate your efforts, but this tutorial is currently obsolete. Might be good to add some notes or create a 2021 version.
I ran into this also. One thing that helped me was to go into the Wordpress Admin page -> Customize the Theme, -> Theme Layout Settings -> Change Bootstrap Version to Bootstrap 5.
What a dedicated person. I'll hit the subs button
Now in 2022 it is difficult to go through the tutorial (f.e. problems with gulp). It should definitely be updated.
I am having the same issue, living in 2024. understrap is different from the time of the video, I got stuck on the header
I simply love you for your contents Adrian. Keep up the good works
8 hours... really respect !!!
Just finished part one Adrian. Really enjoyed this and I'm sure it will help me in solving problems in my own projects. I can see me referring back to this code a lot. I never knew Sass before this and you have shown me the way. Thank you
That’s great to hear! I’m trying to figure out better ways to turn these into more educational formats so if you found things missing or have suggestions please let me know!
@Rob Doyle Creative Me as well. On home page. When I click order skip it does not show cart, instead redirect to XAMP screen.
How did you solve the problem?
i thought I knew how to develop WordPress websites effectively, 9 years of my developer life compressed into 9 effective hours. thank you soo much
What does your gulpfile.js look like? I keep getting errors that the tasks is not defined.
same issue I encountered, also hot stuck on the header part coz its very different from the time of the video
Thank you very much Adrian, I can summarize my experience with your videos: magnificent!
really a nice video about custom WordPress theme,, thanks for uploading
Great :)
You are a god of wordpress. Im one of your worshipper my lord
Alright! looking forward to watching this video, much thanks 🙏
This is amazing, I loved it.
Thanks sir.
That’s great to hear :)
16:15 could you explain Why you deleted those default lines in the header? Adrian
Wow your a tutorial machine. 8hrs.
Ecommerce is what I need to know and looks really good my friend
Yeah! It’s also only part 1 too, next part is coming today. We customise a lot of the checkout and other aspects!
@@AdrianTwarog Awesome. That's my work for the coming week sorted!
you are an amazing person in this plant
ammazing this course helps me to how to think first to make worpress website in steps thanks bro
Thanx man. This is amazing work. Big fan... Your dedication has really paid off🔥🔥
Thanks a ton and yeah!
Thank you so much, this video is pure gold!
Thank you for this fine material.
Great!
Thank you Adrian, you rock mate!!! 👍👍👍😊😊😊👏👏👏
1:02:05 Is this a good practice? Placing another copy of a menu button so it can just show on a certain size screen, and then switching display: none between them?
Thanks so much man, I learned a lot!
You’re welcome :)
this course should be enough for me to get started :)
thanks bro that was wonderful!
hey, would I be able to sell this theme on themeforest ? also I wanted to ask you for example I use some theme form wordpress and modified the design and style, would i be able to export it and sell it on themeforest ?
Is it me or the truck image at 1:32:22 not made available in the Figma assets link?
Thanks I’ll take a look to see if it is or isn’t and update
great course mate, thanks.
Thanks!
Hello great tutoriel
what is your software to create the templates thanks
Adobe XD
Great and Useful I Recommend My Friends ❤️☺️❤️☺️❤️❤️❤️
Subbed, liked, saved, about to rip for later. You are Wicked bro
After this are we able to design all kinds of themes using this process?
This video is very helpfull.. thank you
This is a great tutorial but wondering why you are not customizing the variables more? Bootstrap 5 has a heap more variables than just color.
Greaaaaaaaaatttt Oneeeeee!!!! I see that this was requested by someone. I would like to make a request now. I hop you do this. Can we get a course where we can develop theme from scratch for Wordpress or for peoples who can make use of our theme?
Amazing video bro, keep up with the good work!
Thank you for this tutorial .. great content as always..
Welcome :)
Thank you, Adrian. Very helpful.
No worries!
I have been looking for this EXACT video for months! TY TY TY
Haha awesome!
Hei Adrian, from where you know the wordpress default syntax ? is there are any document I can read ?
All I can say is WOW. Such good content watched the whole thing you are really great keep up the good work. Got on new sub here :)
Thanks, Adrian, much appreciated.
Rob Doyle :)
Hi Adrian,
Thank you for your time to teach us theme development, after gulp watch, it gets stuck to starting how do I fix this.
Do the changes on the host file modification have to be done on the system32 folder?
TIA
Hi! Thanks for the video, I need to install wamp and then I can sign in in Phpmyadmin? Or I need also to install phpmyadmin?
So I try and follow this, and when I save my header file and load the page, it shows the blue color. I checked the theme variables stuff it's all right. I am doing this on a webserver, not on my local machine so im not using gulp, is that important?
Awesome video dude, if I can ask... At the time 5:14:13 where did you get that functions code of woocommerce?
not sure what you mean, but feel free to dm me or email for any questions
@@AdrianTwarog You seemed to paste some code in the functions file of the theme. It appears to be woocommerce code, my question is, where did you grab the code? The code you pasted on the theme’s function file.
@@AdrianTwarog maybe I am wrong. But looked like you customized or pasted some code
Hey,
I am using XAMPP and am not able to create a Virtual Host. I tried grabbing the hosts file from Windows/System32/drivers/etc/hosts file... Can you help?
You need to put your files in the htdocs folder
@@ExorcistVII thanks my problem was solved :)
@@ishowvideos11 glad it's working for you now, what was the solution in the end if you don't mind me asking?
@@ExorcistVII Sure!
I realised I had to stop my MySQL and Apache once I made any, changes... And then again hit Start and click Admin for the both of them in XAMPP.
I had put my files in the htdocs folder and named my Virtual host too in the vhosts something file in the Apache/config/...
Well, like Adrian, I also created a shortcut of the etc( C//: Windows/System32/drivers/etc) folder in which I created a host folder in which I put my hosts file into which I mentioned my virtual host server i.e, 127.0.0.1 dawn.localhost.
That's all :)
thanks everyone for all the tips! hope the community help solved this one :)
Thanks for awesome tutorial.👍
Thanks!
That was awesome! subscribed!!!
It can be my problem as a begginer to WP but the author doesn't explain here the file structure of WP and moves too quickly with actions between screens and templates making it difficult to catch and understand what is going on.
Thanks Adrian - will have to adapt this for LAMP as best I can.
please guide us what are the pre-requisites to become a theme developer
this is a nice tutorial!
Hello Guys. If you had problems with gulp watch. Delete everything and install the latest version of Nodejs. Run NPM install again and you should be able to run gulp watch. I battled with this for 2 days. There's a bit of problem with Nodejs version 12 and Gulp.
Thanks man, really great when people share this kind of stuff :)
@@AdrianTwarog it's the least we can do. You spent 8 hours on the tutorial. Once I am done with the code, I would upload it and post it on GitHub so others can follow through and compare their codes. This is valuable stuff.
@@chinomsojohnson8746 still getting errors on start watching [05:04:20] Using gulpfile D:\xamp\htdocs\wordpress\wp-content\themes\ldextheme\gulpfile.js
[05:04:20] Starting 'watch'...
[05:04:20] Finished 'watch' after 47 ms
[05:04:43] Starting 'styles'...
[05:04:43] Starting 'sass'...
{ Error: sass\assets\bootstrap4.scss
Error: File to import not found or unreadable: ../../src/sass/bootstrap4/functions.
9h! cool! but i m lost after 5min lol
I really appritiate it , thanks for the effort
Wow amazing video! I was wondering if you were freelancing would you do this all from scratch or use a template/theme and work from there?
Thank you Dear
👌
Amazing content! Thank you so much! But one question: how do you use HTML autocomplete tags in PHP files? Is there any extension to manage it?
I don’t, I set the file type to HTML in vscode usually
Will any changes we make to understrap and the Woocommerce templates be safe from automatic updates Adrian?
Started on the tutorial, but got stuck with the database error “Error establishing a database connection” any help?
This is a problem if you are creating the site locally. What you have to do is either create a database with PhpMyAdmin (Look this up if you dont know what it is, and see how to set it up). Or you need to make sure your other ports on your computer (most common is :8888), aren't open, or it won't work.
could you give us the code after editing the theme please & thank u ..............
Why no sass folder in the theme file I downloaded? Npm command is not working in my visual studio. Could you please clear the issue?
this theme is nolonger useful it runs alot of errors . i have been trying to find solutions but its almost impossible
@@diazcastro7331 You need version 1.0.0 of Understrap in order to follow this codealong. Hope this helps.
I would like to use a hosting service like siteground for the website. Where do I need to upload the files or do you maybe know a good tutorial on how to host a self made website ?
Is Gulp really necessary? Could you just use live SASS compiler to make changes to your CSS?
Quick newbie question. does creating WP themes from scratch or Custom WP theme from scratch have a better website speed than WP builders like DIVI, Elementor etc?
Very good. Unfortunately, UnderStrap looks like it's discontinued. No activity on the 39 issue corrections and 23 pull requests for some time. Still good for learning the development for themes but not for live sites.
Their working on a big side project as part of it, but once their done I’m sure they’ll get back into it, so far it’s served me really well, but if you have recommendations???!!!
Good stuff
Can you show us custom lms theme development
LMS as in learning management system?
@@AdrianTwarog ya but if we want to do custom lms theme , how i do that, can you show us
Hi Adrian, is the image of the waste container with the dimensions made using photoshop?? Thanks a million, love the content.
Thanks a lot! ! Great work !
Great content. Am here again after one year
Adrian dzieki wielkie :)
:)
does anyone know what kind of software is that on 2:02?
hello i liked the video , but can you explain me of where i get the host file in the begining i don't have host file . please help me
Hi,
I'm trying to understand, what's this tool that you are working with to see all the different styles(mobile,desktop etc)? all the video you are working with it.
understrap have a newer version. also I have issues in gulp and scss is not working. help
Try picostrap!
What program are you using to design the website first?
What kind of program did u use to design the page? Indesign ?
I don't have any experience in html and css is this video help me learn all things
That's great! You should also look up the bootstrap documentation because it is used a lot here and you might get confused when it comes to you next project and you try to use "col-lg-8" (for example) and it doesn't do anything 😅.
Hi, Sir My gulp watch not working give me any suggestion
Try running npx gulp watch
@@AdrianTwarog i have the same problem when i type npx starting watch.. It lasts forever.
My understanding based on current documentation is that the ideal is to install the parent theme, then install the child theme and only make edits to those files. Is that correct?
Adrian, can you recommend a PHP VSC addon to predict some of the functions similar to emmet? Thanks
Rob Doyle hmm, I do have Wordpress vscode plugins to autocomplete syntax but that’s about it