Visual CSS Style Editor – WordPress plugin WordPress插件下载

点击下载

可视CSS样式编辑器

插件描述

高级CSS编辑器,允许您实时编辑网站设计。 尝试现场演示

Visual CSS编辑器

该插件允许您自定义任何页面和主题而无需编码。单击元素并开始可视自定义。调整颜色,字体,大小,位置等等。使用50多种样式属性控制您的网站。

YellowPencil编辑器提供了自定义网站设计所需的一切。该插件具有高级功能,如视觉大小调整拖动和放大drop 测量工具背景图案 google fonts 等等。

主要功能

自定义任何页面,任何元素自定义WordPress登录页面自动CSS选择器50 + CSS属性视觉拖动& DropVisual Margin&填充EditingLive元素ResizingManage changesLive PreviewUndo / RedoExport样式表fileExport / Import

CSS属性:Text

字体系列(专业版)字体WeightColor(专业版)Text ShadowFont SizeLine HeightFont StyleText AlignText TransformLetter SpacingWord SpacingText DecorationText IndentWord Wrap

CSS属性:背景

背景颜色(专业版)背景图像(专业版)背景混合ModeBackground PositionBackground SizeBackground RepeatBackground附件

其他CSS属性

MarginPaddingBorderBorder RadiusPositionWidth(专业版)高度(专业版)动画(专业版) )ListsBox ShadowFilterTransformOpacity(专业版)DisplayCursorFloatClearVisibilityPointer EventsOverflow

设计工具

Element InspectorSingle Element InspectorLive CSS EditorResponsive ToolElement Search ToolMeasuring ToolWireframe ViewElement Box ModelGradient Generator(专业版)Visual Animation Manager(专业版)Visual Animation Generator(专业版)

设计资产

800+字体系列(专业版) )300+背景图案(专业版)趋势调色板(专业版)50+动画(专业版)

这是如何工作的?

当您在视觉上编辑网页时,插件会在后台生成类似专业Web开发人员的CSS代码。该插件将生成的CSS加载到您的网站,它从不编辑主题文件。您可以随时撤消更改。

高级功能

以下属性仅适用于付费版本;

Font FamiliesFont ColorBackground ColorBackground ImageOpacityWidth& HeightAnimations

立即购买专业版以解锁所有功能或查看插件网站以获取更多信息。

屏幕截图

单击要编辑的任何元素。 (在屏幕截图中选择了蓝色边框段。)
选择您要编辑的任何内容。设置太多了。
编辑字体,大小,位置等等。
选择600种Google字体中的一种。
调色板和背景设置。

安装

上传 yellow-pencil-visual-theme-customizer 文件夹到 / wp-content / plugins / 目录通过WordPress的“插件“菜单激活插件。转到WordPress面板>外观> “YellowPencil Editor”和“开始”定制!

常见问题

这适用于所有主题吗?

是的! YellowPencil适用于任何主题和插件!

它如何生成CSS选择器?

插件过滤类和标签名称,包含许多算法,并为目标元素找到最佳的CSS选择器。

我可以自定义WordPress登录页面吗?

是的,从WordPress面板打开编辑器>外观> YellowPencil Editor,选择“WordPress登录页面”作为目标页面,然后单击自定义按钮。

评论

发表评论

邮箱地址不会被公开。 必填项已用*标注