<div dir="ltr"><div>Note that `wp_add_inline_style()` requires that you add the style in addition to a style loaded via `wp_enqueue_style()`.  This is because the function requires a valid handle from a stylesheet that's been loaded.  This is certainly possible to do, but it may be easier to simply hook into `wp_head`.</div>
<div><br></div><div>If you need a full, working example of using the Theme Customizer plus:</div><div><br></div><div>* CSS hooked to `wp_head`</div><div>* CSS added to the visual editor</div><div>* Use of the WP Cache API</div>
<div><br></div><div>See: <a href="https://github.com/justintadlock/stargazer/blob/master/inc/custom-colors.php">https://github.com/justintadlock/stargazer/blob/master/inc/custom-colors.php</a></div></div><div class="gmail_extra">
<br><br><div class="gmail_quote">On Sun, May 11, 2014 at 4:06 AM, Konstantin Kovshenin <span dir="ltr"><<a href="mailto:kovshenin@gmail.com" target="_blank">kovshenin@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
The way described in the article on CSS Tricks will not work for many<br>
WordPress installations. For example one where the name of wp-content<br>
or the themes folder is redefined in wp-config.php, or one where PHP<br>
scripts are not allowed to be executed within the whole wp-content<br>
directory for security reasons.<br>
<br>
That said, printing the styles inline might not be the best option,<br>
especially if there's a lot of them. You might want to try and do<br>
something like Jetpack Custom CSS does, i.e. watch for a $_GET<br>
variable very very early, like plugins_loaded or after_setup_theme in<br>
your case, dump your CSS and exit. You can even go further and add a<br>
rewrite rule to that tricks browsers into thinking your CSS is an<br>
actual styles.css file and treat it more like one, in other words -<br>
cache it.<br>
<div class="HOEnZb"><div class="h5"><br>
On Sun, May 11, 2014 at 4:44 AM, Chip Bennett <<a href="mailto:chip@chipbennett.net">chip@chipbennett.net</a>> wrote:<br>
> +1 for wp_add_inline_style() for dynamic (theme option or custom) CSS<br>
> overrides.<br>
><br>
><br>
> On Sat, May 10, 2014 at 6:32 PM, Sheri Bigelow <<a href="mailto:sheri@designsimply.com">sheri@designsimply.com</a>><br>
> wrote:<br>
>>><br>
>>> About the Theme Customizer API and dynamic CSS, I wondered if it was<br>
>>> better to add styles with wp_add_inline_style() or to add a dynamic css like<br>
>>> this and enqueue them with wp_enqueue_style() ?<br>
>><br>
>><br>
>> I think adding styles with wp_add_inline_style() would be better than<br>
>> generating CSS in a PHP file like in the example you linked to because the<br>
>> PHP route seems like more overhead to me plus it's an extra file where you<br>
>> don't need to make an extra file.<br>
>><br>
>> _______________________________________________<br>
>> theme-reviewers mailing list<br>
>> <a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
>> <a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
>><br>
><br>
><br>
> _______________________________________________<br>
> theme-reviewers mailing list<br>
> <a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
> <a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
><br>
<br>
<br>
<br>
</div></div><span class="HOEnZb"><font color="#888888">--<br>
Konstantin<br>
</font></span><div class="HOEnZb"><div class="h5">_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
</div></div></blockquote></div><br></div>