Why and how to use theme.json in WordPress themes

Поделиться
HTML-код
  • Опубликовано: 24 авг 2024

Комментарии • 38

  • @toby81tube
    @toby81tube 2 года назад +2

    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.

    • @AuroobaMakes
      @AuroobaMakes  2 года назад

      Thanks Toby! I'm hoping to make more this year. :)

  • @xavierbeaud
    @xavierbeaud Год назад

    Excellent ! I really appreciate the rhythm you are using when you speak. It's very well presented ! Thanks

  • @fbryce1ify
    @fbryce1ify 2 года назад

    This one is above my pay grade. In saying that now i know what theme.json is! Great video presentation.

  • @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?

  • @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!

  • @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.

  • @steelrazor
    @steelrazor 2 года назад

    Nice introduction to theme.json! Thanks for this.

  • @charlie.5043
    @charlie.5043 2 года назад

    Great video Aurooba! Appreciate you sharing the knowledge. This will definitely be useful.

    • @AuroobaMakes
      @AuroobaMakes  2 года назад

      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 2 года назад

    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!

  • @dnkrmrc
    @dnkrmrc 2 года назад

    very usefull if working with the block editor

  • @clayteller
    @clayteller Год назад +1

    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. 😊

  • @abdulaziz9516
    @abdulaziz9516 2 года назад

    thanks for sharing us!

  • @meyne
    @meyne 2 года назад

    Exactly what I was looking for, thank you! Please make more like this. :)

  • @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.

  • @MarioDobelmann
    @MarioDobelmann 2 года назад

    Nice introduction. Thank you!

  • @Tv4_Media
    @Tv4_Media 2 года назад

    Nice video
    Very helpful please keep it up 💚✨💥

  • @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

  • @martinkaspar5095
    @martinkaspar5095 Год назад

    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

  • @Killer-xn2mn
    @Killer-xn2mn 10 месяцев назад

    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
    }
    }

    }
    }
    }

  • @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.

  • @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.

  • @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 года назад +1

      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. 😆🙌🏼🙌🏼