#Wordpress wp enqueue script child theme how to#
#Wordpress wp enqueue script child theme code#
#Wordpress wp enqueue script child theme series#

Not all parent themes are built to load the child theme’s style.css file automatically. So if I understand correctly, you’re saying there’s no need to enqueue the parent stylesheet (in the case of a theme like Twenty-Twenty-Three which has a blank style.css file), and that, theoretically, if I wanted to add my own CSS to an external stylesheet in a child theme, I wouldn’t have to do anything in functions.php to make the rules I write inside style.css take effect? Is that correct?Īctually Carolina’s tutorial is entirely correct and I am wrong! Thank you so much for providing that reference! This is the key part: I really appreciate it! 🙂Īh, I understand now what you were saying about there not being any visible difference when the parent stylesheet is enqueued (sorry it took my mind a bit to digest what you were saying). Thank you for taking the time to help me sort this out. If I’m still misunderstanding things (which could be a very likely possibility hahaha), I apologize. I understand a lot of the styling can now be done in the Site Editor (so a child theme isn’t necessary), but I assume it would be appropriate to make a child theme to make alterations to theme.json, correct?

#Wordpress wp enqueue script child theme code#

In the tutorial that provides this code, they say this code will load the child theme’s style.css file – have I understood correctly? For reference, this is the tutorial ( ). I also read another WordPress resource ( ) and she recommended adding this code to enqueue the stylesheet: function fse_child_styles() add_action( 'wp_enqueue_scripts', 'fse_child_styles' ) I tried using his code, but it unfortunately did not work for me. So this made me wonder if the stylesheet needed to be enqueued on both the frontend and in the editor (although I’m not sure what it exactly means to enqueue the stylesheet in the editor). He used this code to enqueue his external stylesheet in the Twenty-Twenty-Three theme: get( 'Version' )Īdd_action( 'wp_enqueue_scripts', 'tt3_enqueue_scripts' ) Īdd_action( 'after_setup_theme', 'tt3_theme_setup' )

#Wordpress wp enqueue script child theme series#

I came across a WordPress video series on adding custom CSS to block themes.

What’s been confusing to me is that different resources suggest different ways of enqueuing style.css for block themes. I also added !important tags to my CSS rules just to make sure that there wasn’t a specificity issue going on, but the styles still did not take effect. For your reference, I had this code in the header of my style.css file in case this might be the issue: /* Thank you so much for your detailed response and your helpfulness! 🙂 I tried adding the code to functions.php, ensuring that there were no extra spaces, that the code was as is, etc., and unfortunately, it didn’t work. So no styles from the TT3 parent will be pulled into your child theme, and that’s to be expected. Since block themes are intended to be designed in the Site Editor, TT3’s style.css file is blank, except for some code comments.As of WP 6.2 a site-wide CSS editor is now built into core, so that’s an alternative place to add custom CSS, instead of a child theme’s style.css file.Make sure there are no blank lines at the top or bottom of your functions file.Do not add a closing PHP tag in your functions file.It’s a generic function that works with any theme and is designed to be reused as is. You do not need to change any of the code to reference any specific theme like TT3.Wp_enqueue_style( 'parent-style', get_template_directory_uri(). This is what I used to recommend when I taught child theming pre-pandemic/pre-block themes, and it should still work.

You can enqueue style.css in functions.php in a block theme in the exact same way you would in a classic theme.

#Wordpress wp enqueue script child theme how to#

However, I’m not sure how to enqueue style.css in functions.php considering this is a block theme and not a classic theme.