我们通过WordPress建立自己的网站后，往往还需要对网站进行一些个性化修改，比如增添一些功能或者改变成自己喜欢的布局样式等等。虽然对网站的大部分修改都能从网上找到相应的功能代码以及对应的css代码，但由于所用主题、网站风格、个人喜好等不同，别人分享的css代码可能并不适用。这时，我们就需要对css代码进行修改了。
修改css对熟悉代码的人来说轻而易举，但对于不懂代码的小白则难如登天。那么， 有没有傻瓜式操作，可以直观看到效果的修改方法呢？答案是肯定的，这就要说到本文的主角——YellowPencil 了，YellowPencil 可以直接在网站管理后台的“插件”中搜索安装。比较有意思的是，当您搜索关键词 “YellowPencil ”后，显示结果却是插件“Visual CSS Style Editor”（翻译后即：可视化CSS样式编辑器）。将其安装后，插件名称才变为YellowPencil 。
YellowPencil 插件对代码小白十分友好，它可以通过鼠标和键盘直接进行拖放、删除、拉伸缩放、修改数值等操作且实时查看修改后的效果。
看到上述介绍，了解了YellowPencil 的强大功能后，您是不是已经迫不及待地安装使用YellowPencil 了。可当您满心欢喜看着修改后的效果，想要保存发布页面时，却需要升级PRO版，而PRO版价格不菲（长期使用的话）。
于是就从网上找可用的Pro版，找了好半天，就在准备放弃时，终于找到一个可用的版本。那句话果然不假，免费的才是最贵的。如果特别想用，又不差钱，还是老老实实付费吧！
下载地址
注意下载解压后使用，资源搜集自网络，破解版安全性未知（用D盾扫描倒是没问题），介意勿用。
特别提醒
一、修改样式后，需要保持YellowPencil 启用方可维持修改效果，如果不放心一直开启破解版，此时可以卸载安装官方版本，亲测可以正常显示修改后的样式；
二、如上图备注，在电脑上修改的网页，并不能在手机网页上自适应，因此还需要修改手机显示效果；
三、修改css前，注意选择是修改单页面还是应用于全网站，这个在操作时会有指引；
评论0