增强WordPress CSS编辑能力
学习者和专业人士的实时CSS编辑器
Microthemer是WordPress的一个点击式CSS编辑器插件,它可以帮助网站建设者进行任何级别的设计,如专业版。
实时CSS编辑和HTML检查
无论您使用视觉样式选项、代码编辑器还是两者的组合,您的样式编辑都会立即显示在屏幕上。为了帮助确保始终选择正确的元素,Microthemer的HTML检查器会显示所选元素的底层HTML代码。这一特性使Microthemer成为现实世界项目中最好的实时CSS编辑器,也是将您对HTML和CSS的理解提升到新水平的完美工具。
实时编辑
自定义页面上可以看到的任何内容
为任何WordPress页面的任何部分设置样式,从页眉到页脚。这包括Gutenberg(或经典编辑器)的帖子和页面内容、自定义帖子、硬编码主题或插件内容、页面构建器内容——你可以随心所欲。Microthemer与您最喜爱的WordPress工具无缝配合,只需单击几下即可实现开发人员级的设计控制。
主题
CSS样式选项的最大选择
享受任何WordPress CSS编辑器提供的最大CSS样式选项集(150+)。从动画、过渡、变换、过滤器、flexbox和CSS网格等现代样式到排版、位置、间距、大小和背景等网页设计要素,您都可以选择。样式字段将大大加快您的工作流程,而不会牺牲任何控制;您可以随意在样式字段和代码编辑器之间来回切换。
造型
拖放CSS网格控件
CSS网格解决了久远的网页设计问题,因为列不能垂直对齐,很容易适应不同的屏幕大小,或者没有多余的外围空间就可以分开。唯一的缺点是学习曲线陡峭。但Microthemer的可视化拖放控件为大众带来了CSS网格的强大功能。您可以在几秒钟内使用CSS网格创建漂亮的网页布局。这比以前的方式容易得多,几乎感觉像是作弊。
交互式CSS网格演示
网格
快速方便地访问Google字体
无需离开Microthemer界面即可直观浏览谷歌字体,从而节省时间和精力。然后,您可以通过单击插入所需的字体。这大大简化了对不同谷歌字体的实验,并确保您的网站只加载设计所需的最小字体和变体,而不会加载不必要的字体文件。
字体
手机和平板电脑的响应式设计
Microthemer消除了响应式设计的痛苦。提供了一些常见的断点来帮助您入门,但完全可以自定义。使用响应选项卡或拖动顶部标尺,检查您的网站在不同屏幕大小上的外观,然后修复任何问题。这个功能对于在移动设备上创建像素完美的布局非常有用-无需满足裁剪/聚集的文本或奇怪的大间距和标题排版。
反应敏捷的
与关键页面生成器集成
Microthemer与Elementor、Beaver Builder和Oxygen无缝集成。您可以使用页面生成器添加内容,然后使用Microthemer对其进行样式设置,同时使用单个浏览器选项卡。
对于任何其他构建器(例如Divi、Bricks、Breakdance、Brizy、Kadence、SeedProd),只需在单独的浏览器选项卡中打开Microthemer即可编辑网站前端。
使用草稿模式进行安全编辑
在您的现场站点上尝试新的WordPress设计,而不必担心站点访问者看到您的工作正在进行。草稿模式更改仅对您可见。只有当您100%满意时,才能发布您的样式更改。如果您仍在测试各种样式选项,这将非常棒。草稿模式为您的网站应用大胆的新更改提供了一个安全的环境,无需担心。
草稿
需要时提供帮助和支持
我们理解您可能需要帮助不时更改CSS。这没什么好害羞的。我们希望您能从Microthemer中获得最好的结果,并享受使用它的乐趣。因此,如果您遇到任何问题,请前往我们友好和支持的论坛。您将收到塞巴斯蒂安的帮助,塞巴斯蒂恩是插件的作者,也是CSS和Microthemer相关领域的专家。
支持
支持开发人员更快地工作
Microthemer不仅仅是非编码器的工具。远非如此。Microthemer为在浏览器中添加自定义CSS、Sass和JavaScript代码提供了一种极其快速方便的方法,这与使用Gutenberg或页面生成器添加内容的位置相同。
您的代码更改会立即呈现在屏幕上,无需在桌面应用程序之间切换,无需等待Sass编译(由于特殊的优化),也无需强制刷新浏览器。此外,CSS选择器和媒体查询只在一个地方定义,以保持响应开发的干爽。
编码
支持初学者成为专业人士
如果你刚开始构建WordPress网站,你总是想让自己感觉像个初学者吗?实际上,使用开发工具来完全保护您不受站点构建的技术性影响,存在这样的风险。Microthemer不同。Microthemer向您展示了它在做什么,并邀请您在自己的时间了解CSS,以及它与HTML的关系。因为这是你真正实现完全设计控制的方式。这就是你将如何从初学者转向专业,这是一个非常有利的地方。
更多功能
使用计算的CSS报告在一个地方检查和编辑
Microthemer会显示主题的默认样式,因此您可以将样式编辑锚定到该样式。例如,如果标题的下边距为12px,那么将其设置为24px将使该空间加倍。
在域之间导出设计并轻松备份工作
您可以随时将设计更改导出到“设计包”。这对于备份您的工作、尝试其他设计以及将定制传送到另一个站点非常有用。
如果您犯了错误,自动保存和撤消可以帮助您
Microthemer包括修订恢复功能。过去改变工作空间的50-300个动作会被记住。所以,如果你犯了一些错误,你可以很容易地回到前一点。
干净、优化的代码,不会降低网站速度
对于这样一个功能强大的插件来说,重量出乎意料的轻。与许多其他插件不同,Microthemer 95%的代码不在Microthemer界面外运行,因此不会降低站点速度。
包括一个JavaScript编辑器和有用的错误报告
键入一些JavaScript代码并点击Control+S键盘快捷键。Microthemer将重新加载站点并报告代码中的任何错误,这样您就不必启动浏览器控制台。
在移交给客户端之前停用或卸载
如果你不想让你的客户用Microthemer进行更改,或者你只是想尽量减少混乱,你可以卸载它,并保留你用它所做的CSS更改。