Тёмный

Why and how to use theme.json in WordPress themes 

Aurooba Makes
Подписаться 1,4 тыс.
Просмотров 5 тыс.
50% 1

Опубликовано:

 

17 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@xavierbeaud
@xavierbeaud Год назад
Excellent ! I really appreciate the rhythm you are using when you speak. It's very well presented ! Thanks
@toby81tube
@toby81tube 2 года назад
Great presentation Aurooba. As of now, this seems to be the only video on RU-vid 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.
@AuroobaMakes
@AuroobaMakes 2 года назад
Thanks Toby! I'm hoping to make more this year. :)
@bentoth4324
@bentoth4324 2 года назад
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
@AuroobaMakes
@AuroobaMakes 2 года назад
Ooh. Tell me more! Do you mean custom CSS properties or something else?
@martinkaspar5095
@martinkaspar5095 2 года назад
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
@AuroobaMakes 2 года назад
Thanks Martin! I definitely plan on making more videos, thanks for the encouragement!
@martinkaspar5095
@martinkaspar5095 2 года назад
@@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.
@simonwallace-jones7046
@simonwallace-jones7046 2 года назад
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.
@meyne
@meyne 2 года назад
Exactly what I was looking for, thank you! Please make more like this. :)
@AuroobaMakes
@AuroobaMakes 2 года назад
More to come soon hopefully!
@fbryce1ify
@fbryce1ify 2 года назад
This one is above my pay grade. In saying that now i know what theme.json is! Great video presentation.
@AuroobaMakes
@AuroobaMakes 2 года назад
Glad it was helpful!
@charlie.5043
@charlie.5043 3 года назад
Great video Aurooba! Appreciate you sharing the knowledge. This will definitely be useful.
@AuroobaMakes
@AuroobaMakes 3 года назад
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! :)
@graphnicmedia
@graphnicmedia 3 года назад
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!
@AuroobaMakes
@AuroobaMakes 2 года назад
I totally know what you mean Nick! I definitely plan on making more videos, thanks for the encouragement!
@simphiwe4491
@simphiwe4491 2 года назад
Thank you for making this video. I hope you get a chance to make more videos going forward. 👊👊👊
@AuroobaMakes
@AuroobaMakes 2 года назад
Thank you! I definitely plan on making more videos, thanks for the encouragement!
@clayteller
@clayteller Год назад
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. 😊
@unspecified1
@unspecified1 Год назад
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.
@steelrazor
@steelrazor 3 года назад
Nice introduction to theme.json! Thanks for this.
@AuroobaMakes
@AuroobaMakes 2 года назад
My pleasure!
@martinkaspar5095
@martinkaspar5095 2 года назад
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
@dnkrmrc
@dnkrmrc 2 года назад
very usefull if working with the block editor
@AuroobaMakes
@AuroobaMakes 2 года назад
Glad to hear that!
@MarioDobelmann
@MarioDobelmann 2 года назад
Nice introduction. Thank you!
@AuroobaMakes
@AuroobaMakes 2 года назад
Glad you liked it!
@abdulaziz9516
@abdulaziz9516 2 года назад
thanks for sharing us!
@elviskrstulovic
@elviskrstulovic 2 года назад
Thanks Aurooba this is awsome. Is there a definitive document that lists ALL settings that can be controled with theme.json?
@AuroobaMakes
@AuroobaMakes 2 года назад
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
@tracyapps
@tracyapps 2 года назад
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 :)
@AuroobaMakes
@AuroobaMakes 2 года назад
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. 😁
@tracyapps
@tracyapps 2 года назад
@@AuroobaMakes omg. this makes me so happy. 😆🙌🏼🙌🏼
@Tv4_Media
@Tv4_Media 2 года назад
Nice video Very helpful please keep it up 💚✨💥
@AuroobaMakes
@AuroobaMakes Год назад
Thanks 🙂
@Killer-xn2mn
@Killer-xn2mn 11 месяцев назад
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 } } } } }
@amitmoral
@amitmoral Год назад
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.
Далее
Million jamoasi - Amerikaga sayohat
12:37
Просмотров 497 тыс.
🤔ЗАЧЕМ ОНИ ЭТО ДЕЛАЮТ?🤦‍♂️
00:49
WordPress Full Site Editing But For Developers
19:22
Просмотров 25 тыс.
How to Build Dynamic (PHP) Blocks in WordPress
30:57
Просмотров 10 тыс.
Everything you need to know about WordPress Patterns
15:25
Introduction to theme.json
11:21
Просмотров 5 тыс.
Beginner's Guide: Switching to a WordPress Block Theme
16:57