great job!!! the content is very helpful in setting up a good parent-child work environment with relation to the subject matter. this is one of the best on this subject.
Will you be doing a new video to include the changes to the understrap theme? It no longer uses gulp.. would like to see how to do this with rollup instead. Thanks!
Hi, Thanks ! Great tutorial ! But I'm stuck at npm install... there's a bunch of errors NPM ERR (verbose reify failed optional dependency) and I dunno what to do with them... in the end nothing gets installed. How can I debug this and continue ? (Local.app on macos Big Sur with VS) Thanks guys
The same thing happened to us in this or another of our videos as well. You’ll have to see which dependency is missing. In our case, we just needed to run `npm install node-sass` (I think this is usually the missing dependency). Then we were able to run gulp watch without any issues. Good luck!
Very useful video thanks, what's the benefit of using a child theme? I want to use understrap as a starter theme to build a custom website with ACF pro, but I'm not sure if I want to add a child theme. I will custom code all the basic template files (single, archive, search, etc), I'll use the 7-1 architecture for CSS, add and I'll be building custom blocks with ACF, so I'll create lots of template parts for that. Appart from that, I don't think I'll be adding anything new to the theme (maybe register one new image size). Would you recommend using a child theme for this? Or using understrap as a starter theme and just add files to it?
Because the Understrap parent theme gets updated periodically, using a child theme lets you update your parent theme without overwriting your changes. That said, if you commit to never updating (ie you rename Understrap as your own custom theme), it won’t make a big difference. But the best practice is to use a child theme.
Any idea what this error is about? I tried to do what it recommends in the gulpfile and it didn't work at all. gulp-sass 5 does not have a default Sass compiler; please set one yourself. Both the `sass` and `node-sass` packages are permitted. For example, in your gulpfile: var sass = require('gulp-sass')(require('sass'));
Hi, is there any best practice and Documentations in understrap to structure our custom codes instead of putting them in single files? for example, I want to create a page in blank.php instead of putting all the snippets code in a single file I want to break it into separate files and just hook it into blank.php templates so we can use it time to time and to make more organize. thank you
as from september 13 I've just downloaded the latest understrap them and child them from Git, and it doesn't come with gulp, nor is written as a dependency in package.json is this new? or a bug?
this is impossible to install . anyone with an updated tutorials . all tutorials regarding this topic are now useless because of upgrade . alot of errors
how to use rollup . please explain . i have been trying gulp watch and i got errors like [03:50:28] Using gulpfile D:\xamp\htdocs\wordpress\wp-content\themes\ldextheme\gulpfile.js [03:50:28] Starting 'watch'... [03:50:28] Finished 'watch' after 61 ms [03:54:34] Starting 'styles'... [03:54:34] Starting 'sass'... { Error: sass\assets\bootstrap4.scss Error: File to import not found or unreadable: ../../src/sass/bootstrap4/functions.
great job!!! the content is very helpful in setting up a good parent-child work environment with relation to the subject matter. this is one of the best on this subject.
I'd love to see a new tutorial on this with the newer version of the theme. I've been struggling a lot getting rollup to work
Will you be doing a new video to include the changes to the understrap theme? It no longer uses gulp.. would like to see how to do this with rollup instead. Thanks!
you remind me a lot of jeff nippard the fitness influencer. Nice tutorial btw
Hi,
Thanks ! Great tutorial !
But I'm stuck at npm install... there's a bunch of errors NPM ERR (verbose reify failed optional dependency) and I dunno what to do with them... in the end nothing gets installed. How can I debug this and continue ? (Local.app on macos Big Sur with VS)
Thanks guys
The same thing happened to us in this or another of our videos as well. You’ll have to see which dependency is missing. In our case, we just needed to run `npm install node-sass` (I think this is usually the missing dependency). Then we were able to run gulp watch without any issues. Good luck!
@@masterwp6677 It's the exact same error... ;-( Any other tip to restart from scratch ? Maybe remove and reinstall node ? Thanks
I'm also stuck there
I got past npm install errors by downgrading from Node 16.x.x (don't remember the exact version) to Node 14.17.6 LTS using NVM.
Very useful video thanks, what's the benefit of using a child theme? I want to use understrap as a starter theme to build a custom website with ACF pro, but I'm not sure if I want to add a child theme. I will custom code all the basic template files (single, archive, search, etc), I'll use the 7-1 architecture for CSS, add and I'll be building custom blocks with ACF, so I'll create lots of template parts for that. Appart from that, I don't think I'll be adding anything new to the theme (maybe register one new image size). Would you recommend using a child theme for this? Or using understrap as a starter theme and just add files to it?
Because the Understrap parent theme gets updated periodically, using a child theme lets you update your parent theme without overwriting your changes. That said, if you commit to never updating (ie you rename Understrap as your own custom theme), it won’t make a big difference. But the best practice is to use a child theme.
Any idea what this error is about? I tried to do what it recommends in the gulpfile and it didn't work at all.
gulp-sass 5 does not have a default Sass compiler; please set one yourself.
Both the `sass` and `node-sass` packages are permitted.
For example, in your gulpfile:
var sass = require('gulp-sass')(require('sass'));
I try it several times and I get an error after running "gulp watch" (error - No gulpfile found). how can I fix it
Hi, is there any best practice and Documentations in understrap to structure our custom codes instead of putting them in single files? for example, I want to create a page in blank.php instead of putting all the snippets code in a single file I want to break it into separate files and just hook it into blank.php templates so we can use it time to time and to make more organize. thank you
but why does it stop every time I try to activate the child theme, the parent is also activated?
I have Gulp File was black
How I solve this?
as from september 13 I've just downloaded the latest understrap them and child them from Git, and it doesn't come with gulp, nor is written as a dependency in package.json is this new? or a bug?
npm run watch
@@jarednthomas did that. Same result
this is impossible to install . anyone with an updated tutorials . all tutorials regarding this topic are now useless because of upgrade . alot of errors
yeah, but now it's rollup not gulp
how to use rollup . please explain . i have been trying gulp watch and i got errors like [03:50:28] Using gulpfile D:\xamp\htdocs\wordpress\wp-content\themes\ldextheme\gulpfile.js
[03:50:28] Starting 'watch'...
[03:50:28] Finished 'watch' after 61 ms
[03:54:34] Starting 'styles'...
[03:54:34] Starting 'sass'...
{ Error: sass\assets\bootstrap4.scss
Error: File to import not found or unreadable: ../../src/sass/bootstrap4/functions.
@@diazcastro7331 npm run watch-bs
@@kamgdy89 doesn't work