如果你是众多初学者中的一员，想要在不使用CSS的情况下定制你的WordPress网站设计，那么你很幸运。CSS Hero插件可以让你在不碰一行代码的情况下进行设计定制。在这篇更新的CSS Hero评论中，我们将向您展示如何使用CSS Hero来定制您的网站，以及为什么我们认为它是每个WordPress初学者都应该尝试的插件之一。
我们的CSS英雄评论
CSS英雄是一个高级WordPress插件，允许您设计自己的WordPress主题而无需编写一行代码(无需HTML或CSS)。
您可以撤销更改，这对初学者非常有帮助。所有更改都保存为一个额外的样式表，这意味着您可以升级WordPress主题而不必担心丢失更改。
如果你是一个设计师或开发人员，那么你会发现CSS英雄同样好。它可以很好地与所有流行的WordPress主题和框架一起工作。您可以快速更改子主题，然后将其导出以用于客户端的网站。
CSS Hero可以为你节省大量的时间和挫折感，当它涉及到设计定制。
通常，我们对点击式设计自定义插件非常怀疑，因为它们太大了。然而，CSS英雄从一开始就给我们留下了深刻的印象。
如果你要我们给一个诚实的CSS英雄评价，那么我们会给它5星。
如何使用CSS英雄自定义你的WordPress主题
首先你需要安装并激活CSS英雄插件。有关更多细节，请参阅我们关于如何安装WordPress插件的一步一步指南。
这是一个高级WordPress插件，定价为单个站点29美元起(考虑到它将为您节省时间和麻烦，完全值得投资)。
使用CSS英雄优惠券代码: wpbeginners 可获得34%的特别折扣。如果你购买的是PRO计划，那么同样的代码将给你带来高达40%的折扣。
激活后，您将被重定向到获取您的CSS英雄许可证密钥。只需按照屏幕上的说明，点击几下，您就会被重定向回您的网站。
CSS Hero的目标是为您提供一个所见即所得的界面来编辑您的主题。只需在登录时访问您的网站，您就会注意到WordPress管理栏中的CSS英雄按钮。
点击按钮将您的网站转换为实时预览。你现在可以看到CSS英雄工具栏。
接下来，只需点击您的网站上的任何元素，CSS英雄将显示您的主题使用的特定元素的CSS属性。
这些将包括所选元素的常见CSS属性，如背景，排版，边框，间距等。您可以单击任何项展开它，然后使用简单的用户界面编辑CSS属性。
当您进行更改时，您将注意到自定义CSS神奇地出现在下面。如果您正在学习CSS，那么您会发现在实时预览中查看不同的CSS更改如何应用于结果是很有用的。
为您的网站寻找免版税图片有困难吗?CSS英雄带有内置的Unsplash集成，允许您浏览，搜索，并在您的网站设计中使用美丽的照片。
CSS Hero也有一些现成的片段，你可以应用到你的网站上的不同元素。只需切换到左侧列的Snippets选项卡。
当您对网站进行更改时，CSS Hero会自动保存这些更改，但不会发布它们。要将这些更改应用到您的实时网站，您需要单击Save and Publish按钮。
CSS Hero的一个最好的功能是撤销你在任何时候所做的任何更改的能力。CSS Hero保留了你对主题所做的所有更改的历史记录。只需单击CSS英雄工具栏中的历史按钮即可查看更改列表。
您可以点击日期和时间查看您的网站在这一点上的情况。如果要恢复到该状态，只需保存或从该点继续编辑即可。
这并不意味着您在此之后所做的更改将会消失。它们仍然会被存储，您也可以恢复到那个时间。没有比这更简单的了。
但是，如果您只想恢复对特定项所做的更改，该怎么办?
在这种情况下，您不需要使用历史记录工具。只需单击要恢复的元素，然后单击重置按钮。
这将把项目更改为WordPress主题定义的默认设置。
用CSS为移动设备定制网站Hero
网页设计中最具挑战性的方面是设备兼容性。你需要确保你的网站在所有设备和屏幕尺寸上看起来都一样令人眼花缭乱。网页设计师使用各种工具来测试浏览器和设备的兼容性。幸运的是，CSS英雄带有内置预览工具。
只需单击CSS英雄工具栏中的桌面图标，然后单击设备类型。您可以从移动、平板和桌面设备中进行选择。预览区域将变为您选择的设备。
现在您可以在预览移动设备时编辑您的网站了。这个工具对于调整你的手机和平板电脑主题设计特别有用。
CSS英雄主题兼容性
官方CSS英雄网站有一个不断增长的兼容主题列表。这个列表包含了许多最好的免费WordPress主题。它还拥有来自CSSIgniter、Themify、StudioPress等商店的最受欢迎的高级主题。
如果主题不在主题兼容性列表中怎么办?
CSS Hero有一个叫做火箭模式自动检测的功能。如果你使用的主题不包含在主题兼容性列表中，那么CSS英雄将自动启动使用火箭模式。
Rocket Mode尝试自己从你的主题中猜测CSS选择器。这在大多数情况下都是完美的。如果您的主题遵循WordPress编码标准，那么您几乎可以编辑所有内容。
你可能还想联系你的主题开发人员，要求他们提供与CSS英雄的兼容性。
哪些插件与CSS英雄兼容?
CSS Hero定期与顶级WordPress插件进行兼容性测试。这包括联系表单插件、流行的页面构建器、WooCommerce等。
如果你使用的WordPress插件生成的输出不能被CSS Hero编辑，那么你可以请求插件作者修复这个问题。他们真的不需要做太多来提供与CSS Hero的兼容性。
我们希望你发现我们的CSS英雄评论有用。你可能也想看看我们为初学者提供的关于提高WordPress速度和性能的终极指南。
和
RSS