当您能够在更改后立即看到不同的更改时，可以在博客上进行实时预览来个性化设置变得更加容易，并且满意度更高。 实时进行更改的最佳方法当然是使用插件。
CSS定制 是几个插件提供的功能 WordPress.org。 如果您正在寻找可生成样式表的插件（CSS），您可以选择几种方法。 但是，尽管有很多插件可用于创建自定义CSS代码，但是很少有提供实时编辑CSS代码的选项。
因此，在浏览了插件目录以找到解决此限制的方法之后，我设法找到了一些值得我们关注的稀有宝石。
但是之前，如果您从未安装过WordPress发现 如何安装一个 WordPress博客 分7步 et 如何找到，安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
1. Yellow Pencil：Visual CSS样式编辑器
Yellow Pencil是一种视觉样式编辑器，您可以将其与任何主题一起使用，以在几分钟内（字体，颜色，动画等）个性化您的网站。
Ce WordPress插件 Premium 将通过以下方式创建 CSS 样式 背景 当您像玩游戏一样玩这些色彩时，它是为初学者和有经验的用户设计的。
不需要编码知识。 但是，那 WordPress插件 为喜欢编码的人提供了一个很好的 CSS 编辑器。 您可以使用此编辑器实时编码并自定义您的 CSS。
2。 轻松自定义JS和CSS
Ce WordPress插件 Premium 是一款功能强大的 CSS 和 JavaScript 代码编辑器，可让您将它们添加到网站的任何部分。 即使在您的重大更新之后，它也可以让您保持自定义 WordPress主题. 
您可以选择限制个性化代码的使用范围。 例如，您只能将代码用于视频格式的文章。
请参阅以下文章 如何要求接受WordPress上的使用条款
或者您可以将代码限制为 WordPress主题 具体的; 如果您经常更改您的主题，这很方便 WordPress博客.
3。 Gutenberg的自定义JS和CSS
高级WordPress插件Custom JS和CSS 古腾堡 将允许您为WordPress帖子和页面向WYSIWYG编辑器添加无限数量的自定义样式。 它与WordPress的Gutenberg版本完全兼容。
您可以使用易于使用的CSS编辑器简单地创建新样式。 该WordPress插件扩展了的功能 自定义字段 网站上的内容，并允许您使用动态且功能强大的个性化模块来修改自定义字段。 和功能 实时预览 这个WordPress插件的使用使其非常舒适和用户友好。
4。 先进的CSS编辑器
ThemeIsle 和 Wunderkind WordPress 产品公司开发了这个插件。 安装并激活后者后，导航到以下位置“ 外观>个性化 要访问仪表板并在菜单中查找“高级CSS编辑器”。 它将出现在菜单项列表的顶部 定制。 
要修改CSS代码，您需要做的就是在菜单上点击“ 先进的CSS编辑器”。
可以编写CSS规则以使其普遍适用或针对特定设备上的特定元素（电脑，电话，平板电脑等）。 编写规则后，定制器将显示预览，其中包含已进行的更改。
5。 SiteOrigin CSS
到目前为止，WordPress插件在此列表中提供最多的选项。 后者的神奇之处在于它是免费的。 该WordPress插件是定制器中唯一找不到的插件。
安装并激活插件后，您需要导航到以下位置“ 外观>自定义CSS 访问插件的CSS版本。 在此页面上，您可以看到不提供实时预览的文本编辑器。
另请阅读我们的文章 10 WordPress插件可以促进您网站的销售
要访问后者，必须单击出现在编辑器上方左侧的两个按钮之一。 带有眼睛图标的按钮将弹出一个视觉CSS编辑器，爱好者可以欣赏。 带有扩展箭头的图标将显示一个文本编辑器，这将精通CSS代码。
其他推荐资源
我们还邀请您参考以下资源，以进一步掌握和控制网站和博客。
结论
这是 ！ 仅此而已 高级WordPress插件 这将帮助您直观地编辑博客上的CSS。 如果你有 评论 或建议，请随时在保留部分中告知我们。
但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建 或者那个 Divi：有史以来最好的WordPress主题.
我们邀请您参加 在您喜欢的社交网络上分享.
...
