可视化CSS编辑器插件CSS Hero v5.1.0

admin

Updated on:

Css Hero.jpg

可视化CSS编辑器插件CSS Hero

CSS Hero Visual CSS Editor 可以轻松自定义 WordPress 主题,实时

CSS Hero 是一款完美的 WordPress 插件,可以轻松自定义网站的外观和感觉,具有简单直观的点击界面。

演示: https://www.csshero.org/plugins

完全控制您网站的外观

只需将鼠标悬停在您要编辑的元素上并单击它并对其进行调整以适应您的需求,活泼!

字体样式和字体

使用您自己的字体添加一些类,大量的 Google 字体就在您的指尖。 还支持 TypeKit 字体。

色彩管理

使用颜色选择器比以往更直接地试验背景和颜色变化。 CSS Hero Visual CSS Editor 还存储您最近使用的颜色并帮助构建一致的调色板。

措施调整

轻松调整元素边距和填充:只需拖动滑块,看看会发生什么。

复杂的 CSS 变得简单

为您的网页元素增添趣味:构建渐变、框阴影、文本阴影和所有现代 CSS 属性现在只需点击即可。

将其设置为解锁状态

对您的网站进行样式设置,同时真实地了解未锁定用户的外观。

样式登录页面

为 WordPress 登录页面设置样式一直很痛苦,忘记它吧,现在您可以使用 CSS Hero Visual CSS Editor 轻松设置样式。

现成的片段

预先制作的可编辑组合只需单击一下即可提高您的创造力!

相对反应

CSS Hero 允许您轻松地编辑、预览和控制您的站点在桌面和手持设备上的显示方式。 使用标准断点或自定义断点。

CSS Hero 视觉 CSS 编辑器 3

设备模式预览

上线前测试您的平板电脑/移动设备编辑,创建响应式主题从未如此简单..

特定于设备的调整

自定义主题在手持设备上的显示方式,进行特定于设备的编辑并一键预览它们。

不怕摔东西

害怕通过编辑破坏您网站的响应能力? 仅限桌面的救生功能允许您通过单击将某些特定编辑限制在桌面设备上。

Unplash 集成 – CSS Hero 可视化 CSS 编辑器

寻找出色的图像从未如此简单。 感谢Unsplash,您可以享受 [almost] 无限制的高质量、免版税图像来源,非常适合在您的项目中使用。

按关键字搜索,选择图像和大小,并立即将其应用为任何网页元素的背景图像。

保存检查点

存储您的编辑的快照,而无需将其发布,归档不同的版本,选择您喜欢的版本,然后上线。

撤消\重做历史

我们都是通过实验设计的。 悲伤! 需要撤消吗? 不要恐慌。 CSS Hero 会自动将您的所有编辑存储在详细的历史列表中,在历史步骤中后退和前进就像单击撤消\重做按钮一样简单。

安全且无损的编辑

CSS Hero 是一个实时的 WordPress 主题编辑器,无需修改任何主题文件即可工作。 它与许多环境广泛兼容,并且重量轻且耐用。

没有关键供应商

将您的作品导出为 CSS、LESS、JSON 数据:您可以立即导出您的网站个性化设置并下载文件,也可用于备份目的

CSS Hero 适用于任何 WordPress 主题和插件,可帮助您直观地自定义网站的所有元素,从页眉到页脚。

您可以 100% 控制 Inspector

使用具有实时渲染功能的成熟 CSS 和 LESSCSS 编辑器更好地控制您的自定义设置。 添加您的额外规则、复制和粘贴并一键轻松导出您的工作。

查看您的代码

测试、调整和编辑由 CSS Hero Visual CSS Editor 生成的 CSS 代码

直接添加额外的自定义 CSS

在您的网站上实时预览您的 CSS 编辑

避免典型的 CSS 错误

智能 CSSLint 引擎会自动检查您的代码

简单的元素选择

选择并单击可编辑元素

特定于设备的 CSS 调整

将编辑应用到所有设备或限制为一个媒体查询

添加您自己的媒体查询

将您的 CSS Hero 代码扩展到新的媒体查询

跟踪编辑或只是为您的代码添加注释

保存\导出

保存 – 并享受结果 – 或导出干净的 CSS 代码

动画 – CSS Hero 可视化 CSS 编辑器

轻松将滚动动画应用于页面上的任何元素。 从许多动画和速度中进行选择。

由 AOS 画廊插件提供支持,提供许多惊人的动画效果淡入淡出、翻转、滑动、缩放

推荐:HTML/CSS WordPress构建器LiveCanvas 

更新日志 CSS 英雄

v4.07
-Upon quitting the editor, user is returned to the specific page where it was – instead of being brought to the homepage
-Plugin initial state (zero CSS edits) does not throw a 404 anymore for referencing an empty CSS file in the browser console
-More solid product activation routine via stronger data validation
-Minor security tweaks in editor launching page

⭐另见:收藏 WordPress插件 每天更新 免费WP

下载 CSS Hero v5.1.0 – Visual CSS Editor 

笔记: 也许你需要在安装插件之前解压缩。 如果任何主题/插件包含病毒,我们不提供任何保证。 在 localhost 上使用之前,请检查 Virustotal。


发表评论