可视化在线编辑CSS工具插件YellowPencil v7.4.4,不懂代码也可轻松修改网站页面

[文章目录]
  1. 下载地址

我们通过WordPress建立自己的网站后,往往还需要对网站进行一些个性化修改,比如增添一些功能或者改变成自己喜欢的布局样式等等。虽然对网站的大部分修改都能从网上找到相应的功能代码以及对应的css代码,但由于所用主题、网站风格、个人喜好等不同,别人分享的css代码可能并不适用。这时,我们就需要对css代码进行修改了。

修改css对熟悉代码的人来说轻而易举,但对于不懂代码的小白则难如登天。那么, 有没有傻瓜式操作,可以直观看到效果的修改方法呢?答案是肯定的,这就要说到本文的主角——YellowPencil 了,YellowPencil 可以直接在网站管理后台的“插件”中搜索安装。比较有意思的是,当您搜索关键词 “YellowPencil ”后,显示结果却是插件“Visual CSS Style Editor”(翻译后即:可视化CSS样式编辑器)。将其安装后,插件名称才变为YellowPencil 。

YellowPencil 插件对代码小白十分友好,它可以通过鼠标和键盘直接进行拖放、删除、拉伸缩放、修改数值等操作且实时查看修改后的效果。以本站的微分享模块为例,修改前,小工具挡住了部分内容,单单隐藏或删除小工具,页面布局又不够美观(如下图所示,点击图片可放大)

而通过YellowPencil 修改后,效果如下,感觉还不错:

看到上述介绍,了解了YellowPencil 的强大功能,您是不是已经迫不及待地安装使用YellowPencil 了。可当您满心欢喜看着修改后的效果,想要保存发布页面时,却被提示需要升级PRO版才行,而且PRO版价格不菲(长期使用的话)。

于是就从网上找可用的Pro版,找了好半天,就在准备放弃时,终于找到一个可用的版本。那句话果然不假,免费的才是最贵的。如果特别想用,又不差钱,还是老老实实付费吧!

下载地址

注意下载解压后使用,资源搜集自网络,破解版安全性未知(用D盾扫描倒是没问题),介意勿用。

微信公众号:dujinrss
此处内容已被隐藏,请按下方提示获取内容
暗号:
微信搜索公众号“renxshz”或扫描二维码,关注后发消息“验证码”给公众号,即可获取暗号或隐藏的内容。

特别提醒

一、修改样式后,需要保持YellowPencil 启用方可维持修改效果,如果不放心一直开启破解版,此时可以卸载安装官方版本,亲测可以正常显示修改后的样式;

二、如上图备注,在电脑上修改的网页,并不能在手机网页上自适应,因此还需要修改手机显示效果;

三、修改css前,注意选择是修改单页面还是应用于全网站,这个在操作时会有指引;

0

评论0

没有账号? 注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码