Yellow Pencil 黄色铅笔 7.6.0 – 视觉样式编辑器 Visual CSS Style Editor

Yellow Pencil 是一个 WordPress CSS 样式编辑器插件，可让您实时编辑网站设计。该插件可让您自定义任何主题。单击一个元素并开始视觉定制。调整颜色、字体、大小、位置等等。使用 50 多种样式属性控制您的网站。

单击一个元素并开始可视化编辑。无需编码即可重新设计网站的任何部分。

Demo

https://yellowpencil.waspthemes.com/

插件特点

完全控制您网站的设计！

了解为什么 YellowPencil 是最受欢迎的 WordPress 风格编辑器！以下是一些主要功能。

字体管理

编辑您网站上的任何字体，从 Google 字体中选择一种并调整字体样式。

色彩管理

使用颜色选择器和调色板为您的网站选择正确的颜色。

调整措施

可视化编辑元素的大小、边距和填充属性。

撤消/重做历史记录

别担心！如果您犯了错误，您可以随时撤消和重做。

无锁定

随时访问 CSS 代码并在需要时导出 CSS 样式表文件。

CSS 代码编辑器

随时输入您的 CSS 代码或干扰生成的代码。

样式为未记录

在像未登录用户或登录用户一样查看时设计您的网站。

样式登录页面观看视频

使用 YellowPencil 现在可以非常轻松地设计 WordPress 登录和注册页面的样式。

管理变更

控制所有更改，随时重新编辑或删除它们。

视觉拖放

通过拖放更改任何元素的 CSS 位置。

视觉风格生成器

使用视觉生成器创建动画、渐变和阴影。

CSS3 滤镜效果

使用滤镜工具编辑图像的对比度、亮度和更多调整。

一键访问多种资产

将任何资产应用于任何元素，个性化您的网站设计以满足您的需求！

• 谷歌字体数百种字体等待着您，为您的网站选择最好的一种。
• 库存图片随时获取库存图片并在您的网站上使用它们。
• CSS3 渐变使用 CSS3 渐变库为您的网站着色。
• 模式库使用经典模式库为设计添加细节。
• 调色板使用现代调色板为您的网站选择正确的颜色。
• 动画库使用数十种现成的 CSS3 动画让您的网站焕然一新。

专业人士的 CSS 编辑器

随时输入您的 CSS 代码或干扰生成的代码。

CSS 编辑器功能

错误检查器、自动完成、可调整大小的编辑器等。

自动 CSS 选择器

为所选元素自动生成选择器。

响应式定制

YellowPencil 允许您轻松编辑、预览和控制您的站点在桌面和其他设备上的显示方式。

特定于设备的编辑

使用响应工具将特定样式应用于手机、平板电脑和笔记本电脑。

响应式预览

在保存更改之前在任何设备上预览和测试设计。

用动画重振您的网站

使用动画工具完全控制动画，创建特定动画，编辑和附加到元素。

动画生成器

可视化创建自定义 CSS 动画并将其应用于任何元素。

动画经理

将动画附加到元素，直观地调整延迟和持续时间。

实用工具

这些工具将满足您轻松设计网站样式的所有需求。

• 元素检查器选择并编辑您网站上的任何元素。

• 线框工具专注于使用线框视图进行编辑。

• 测量工具借助测量工具创建像素完美的设计。

• 移动和调整工具在视觉上移动和调整元素的大小。

适用于任何主题和插件

YellowPencil 可与几乎所有 WordPress 主题和插件无缝协作，因此您可以继续使用您最喜欢的工具并将您的工作提升到一个新的水平。

这是如何运作的？

该插件不修改任何主题文件，而是动态加载生成的CSS代码到网站。

无性能损失

该插件仅将样式表附加到您的网站，这不会影响加载性能。

安全编辑

控制自定义设置，随时禁用或重置自定义设置。

#header .logo {
    font-family: "Lora", sans-serif;
}

#section .featured-section h6 {
    font-size:15px;
    line-height:22px;
}

#first-second {
    background-color:#F1F1F1;
    width:100%;
}

下载 Yellow Pencil WordPress 插件

Yellow Pencil 7.6.0