WordPress插件中的自定义css框

Question

我正在为WordPress开发一个插件，我希望为用户提供添加自定义css的可能性。我在许多插件中看到了这个选项，这对我的客户有这个选项非常有帮助。

问题是，我现在不知道怎么做。你能帮助我吗？你能告诉我这是怎么做到的吗？这是我想要的图片......

Answer 1

通常，WordPress网站的主题控制网站的整个外观以及所有加载的插件。由于用户具有通过主题本身修改其WordPress网站上的任何 CSS的固有能力，因此实际上没有必要为他们提供额外的区域，以便他们可以修改特定插件的CSS。

希望这有帮助。

Answer 2

您只需要获取CSS规则textarea的文本，将其放入样式标记然后追加到head标记中。

var cssRulesFromTextArea = '...';
var customCss = document.createElement('style');
customCss.type = 'text/css';
customCss.innerHTML = cssRulesFromTextArea;
document.getElementsByTagName('head')[0].appendChild(customCss);

Answer 3

此视频将为您提供明确的说明。

https://www.youtube.com/watch?v=MkfrFK6vrWY&list=PLriKzYyLb28kpEnFFi9_vJWPf5-_7d3rX&index=14