YellowPencil 是一个WordPress CSS 样式编辑器插件,可让您实时自定义您的网站设计。
该插件允许您无需编码即可自定义任何页面和主题。单击一个元素并开始可视化编辑。调整颜色、字体、大小、位置等等。使用 60 多种样式属性完全控制您网站的设计。
可视化 CSS 编辑器
YellowPencil 提供了自定义站点设计所需的一切。该插件具有高级功能,如视觉调整大小、拖放、测量工具以及背景图案、谷歌字体和趋势调色板等大量资源,它还具有高级响应工具,可让您为任何屏幕自定义您的网站尺寸。
主要特征
- 自定义任何页面,任何元素
- 自定义 WordPress 登录页面
- 自动 CSS 选择器
- 60 多个 CSS 属性
- 视觉拖放
- 视觉边距和填充编辑
- 实时 CSS 编辑器
- 实时预览
- 管理变更
- 撤销/重做历史
- 导出样式表文件
设计工具
该插件为您提供了高级工具和即用型库,可轻松为您的网站设计样式。
- 柔性元件检测器
- 单体检测员
- 响应工具
- 元素搜索工具
- 量具
- 线框视图
- 设计信息工具
- 梯度发生器
- 动画经理
- 动画生成器
设计资产
一键访问许多设计资产。自定义您的网站设计以满足您的需求!
- 900 多种谷歌字体
- 300 多种背景图案
- Unsplash 背景图片
- 材料和平面调色板
- 50 多个动画
CSS 属性:文本
- 字体系列
- 字重
- 颜色
- 文字阴影
- 字体大小
- 行高
- 字体样式
- 文本对齐
- 文本转换
- 字母间距
- 字间距
- 文字修饰
- 文本缩进
- 自动换行
CSS 属性:背景
- 背景颜色
- 背景图
- 背景剪辑
- 背景混合模式
- 背景位置
- 背景尺寸
- 背景重复
- 背景附件
其他 CSS 属性
- 利润
- 填充
- 边界
- 边界半径
- 位置
- 宽度
- 高度
- 列表
- 弹性盒
- 动画片
- 箱影
- 过渡
- 筛选
- 转换
- 不透明度
- 展示
- 光标
- 漂浮
- 清除
- 能见度
- 指针事件
- 溢出
兼容任何主题和插件
这可以与几乎所有 WordPress 主题和插件无缝配合。您可以使用它来编辑您使用页面构建器创建的页面。
与所有页面构建器兼容
该插件允许您自定义使用 Gutenberg 块编辑器、Elementor 或其他页面构建器创建的页面。立即重新设计您的网站。
这是如何运作的?
当您以可视化方式编辑网页时,该插件会像专业网络开发人员一样在后台生成 CSS 代码。
该插件不修改任何主题文件,而是将生成的 CSS 代码以动态方式加载到网站,以便您可以随时管理更改。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。