Great presentation Aurooba. As of now, this seems to be the only video on RUclips covering this subject from the bespoke developer perspective. luckily for me, the video also happens to have been created by someone who does an excellent job at explaining the concepts covered. Thank you.
outstanding presentation - really very very cool. I did not see anything that goes in this detail. Your video rocks!! Keep on with such fantastic videos!
@@AuroobaMakes I 💕 LOVE 💕 your video on so many levels, and I really enjoy your effective teaching style. Thank you very much for sharing your knowledge. Plz keep up with more videos. The Wordpress-community needs you. God bless you.
Thanks Charlie! I'm looking forward to making more in-depth videos about theme.json going forward. I agree, theme.json will definitely be very useful in the theme dev process! :)
Good to see vids like this. I use theme.json to hold all the theme constants I used to store in PHP, for instance a mode:development that controls console logging etc. You can expand this way beyond the supported keys if you import theme.json into your components
Love your teaching style. Hope you'll be able to make more WordPress full site editing tutorials some day. Can we just get Automattic to hire you to make a course explaining everything. 😊
Great video, Aurooba. Thank you for sharing. You have helped me make sense of theme.json, where it fits and what it can be used for. I love your teaching style.
Aurooba - i love your videos: they are so useful: You are extraordinary and your clips - like this one: brilliant as usual - 🔥🎉🙏👍❤ : Well it would be very helpful for the whole Wordpress-Community - if you were coming around with some vids covering WordPress Version 6.1 and all the new things that will be released next month
I don't know if one exists! But I think most things ARE documented in the handbook page: developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/ and the Twenty Twenty Two theme.json file is an excellent example: github.com/WordPress/twentytwentytwo/blob/trunk/theme.json
Hi. I'm confused about where to put the theme.json file for a child theme that already uses a theme.json file in the parent theme. I've got my new JSON file in the child theme directory and it doesn't seem to work. If I put it in the parent theme directory, it would overwrite the original theme.json file that came with the theme - plus, wouldn't it get overwritten if there was a theme update? Can't figure it out :) Thanks.
ok this is awesome. so... then the CSS/SCSS that generates the front end... is that now also controlled with theme.json or is that still requiring adding the two class names per color (.has-COLORNAME-color and .has-COLORNAME-background-color)... which is what I have found to be the most annoying part of custom theme color palette :)
Do you mean if you have to add those classes and define them in your OWN scss/css? No. The classes and their definitions are autogenerated by theme.json dynamically. As well as any other custom properties you define in there. 😁
Thanks for this wonderful video. It's very nice and I really like it. I want to create some empty Block without any css class. Like i can put any Block inside that Block how to create please help us.
Mullenweg should pay you to do this. That's how good your content is
Excellent ! I really appreciate the rhythm you are using when you speak. It's very well presented ! Thanks
Great presentation Aurooba. As of now, this seems to be the only video on RUclips covering this subject from the bespoke developer perspective. luckily for me, the video also happens to have been created by someone who does an excellent job at explaining the concepts covered. Thank you.
Thanks Toby! I'm hoping to make more this year. :)
Exactly what I was looking for, thank you! Please make more like this. :)
More to come soon hopefully!
outstanding presentation - really very very cool. I did not see anything that goes in this detail. Your video rocks!! Keep on with such fantastic videos!
Thanks Martin! I definitely plan on making more videos, thanks for the encouragement!
@@AuroobaMakes I 💕 LOVE 💕 your video on so many levels, and I really enjoy your effective teaching style. Thank you very much for sharing your knowledge. Plz keep up with more videos. The Wordpress-community needs you. God bless you.
This one is above my pay grade. In saying that now i know what theme.json is! Great video presentation.
Glad it was helpful!
Great video Aurooba! Appreciate you sharing the knowledge. This will definitely be useful.
Thanks Charlie! I'm looking forward to making more in-depth videos about theme.json going forward. I agree, theme.json will definitely be very useful in the theme dev process! :)
Good to see vids like this. I use theme.json to hold all the theme constants I used to store in PHP, for instance a mode:development that controls console logging etc. You can expand this way beyond the supported keys if you import theme.json into your components
Ooh. Tell me more! Do you mean custom CSS properties or something else?
Thank you for making this video. I hope you get a chance to make more videos going forward. 👊👊👊
Thank you! I definitely plan on making more videos, thanks for the encouragement!
Nice introduction to theme.json! Thanks for this.
My pleasure!
Love your teaching style. Hope you'll be able to make more WordPress full site editing tutorials some day. Can we just get Automattic to hire you to make a course explaining everything. 😊
Awesome video, thank you. I have been finding it hard to keep up with all the changes in core and this really helped. Keep making videos!
I totally know what you mean Nick! I definitely plan on making more videos, thanks for the encouragement!
Great video, Aurooba. Thank you for sharing. You have helped me make sense of theme.json, where it fits and what it can be used for. I love your teaching style.
Nice introduction. Thank you!
Glad you liked it!
very usefull if working with the block editor
Glad to hear that!
thanks for sharing us!
Nice video
Very helpful please keep it up 💚✨💥
Thanks 🙂
Aurooba - i love your videos: they are so useful: You are extraordinary and your clips - like this one: brilliant as usual - 🔥🎉🙏👍❤ : Well it would be very helpful for the whole Wordpress-Community - if you were coming around with some vids covering WordPress Version 6.1 and all the new things that will be released next month
Thanks Aurooba this is awsome. Is there a definitive document that lists ALL settings that can be controled with theme.json?
I don't know if one exists! But I think most things ARE documented in the handbook page: developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/ and the Twenty Twenty Two theme.json file is an excellent example: github.com/WordPress/twentytwentytwo/blob/trunk/theme.json
Hi. I'm confused about where to put the theme.json file for a child theme that already uses a theme.json file in the parent theme. I've got my new JSON file in the child theme directory and it doesn't seem to work. If I put it in the parent theme directory, it would overwrite the original theme.json file that came with the theme - plus, wouldn't it get overwritten if there was a theme update? Can't figure it out :) Thanks.
ok this is awesome. so... then the CSS/SCSS that generates the front end... is that now also controlled with theme.json or is that still requiring adding the two class names per color (.has-COLORNAME-color and .has-COLORNAME-background-color)... which is what I have found to be the most annoying part of custom theme color palette :)
Do you mean if you have to add those classes and define them in your OWN scss/css? No. The classes and their definitions are autogenerated by theme.json dynamically. As well as any other custom properties you define in there. 😁
@@AuroobaMakes omg. this makes me so happy. 😆🙌🏼🙌🏼
Hi. Can you help me ? core/site-title not showing changes
"blocks": {
"core/site-title":{
"color": {
"custom": false,
"defaultPalette": false,
"palette": [
{"slug": "primary", "color":"white", "name": "Udemy Primary"}
],
"link": true,
"gradients": [],
"customGradient": false
}
},
"core/cover": {
"color": {
"duotone": [],
"customDuotone": false
}
}
}
}
}
Thanks for this wonderful video. It's very nice and I really like it. I want to create some empty Block without any css class. Like i can put any Block inside that Block how to create please help us.