从零开始的SOHO之路 Part3-3

本文为3-3wordpress插件推荐篇:

①最好用的wordpress可视化编辑插件-----Yellow Pencil Pro
②最好用的wordpress缓存插件---------WP Rocket
③Webp一件格式转换插件-----------------Webp Express

注意:对于任何插件的安装和使用之前,请提前备份好你的网站源文件和数据库, 如果在插件安装使用当中产生网站的崩溃/打不开/前端样式不正确等情况,可以通过卸载插件或者导入原来备份的网站源文件和数据库进行还原。

如果你使用的是宝塔面板,则可以直接通过后台一键备份。

一、Yellow Pencil Pro

备份完网站源文件和数据库后,那么正文开始,我们开头先讲Yellow Pencil这个插件,这个应该是我用过的最好的可视化插件,没有之一,目前搜了下米课上貌似没有人谈过这个插件,所以我这篇应该是米课首发,目前在wordpress站点插件里面搜是叫Visual CSS Style Editor, 翻译过来就是可视化CSS样式编辑器, 这个插件的主要作用是更改样式,而不是增删内容。

举个例子,当我网站做完后,我可以用这个插件更改网站上我Logo的位置/大小,替换文字的字体/颜色/大小,也可以调整某一块区域（框架）的大小/背景/缩进等。但是我要在整个页面上增加图片或者文字的话还是需要在wordpress的编辑后台操作, 操作完成后再用这个插件做调整。目前如果你通过wordpress站点插件直接安装的话,安装的是基础版,会有很多限制,高级本没有限制,如果有能力的话,请去官网购买正版高级版,也不贵,26美金。

官网链接:https://yellowpencil.waspthemes.com/#pricing
网盘链接:https://pan.baidu.com/s/1jq4djoy_eeqJ-vY_vptorA
提取码：2huz

我这边一般安装插件方式有2种:1直接将压缩包通过wordpress的插件后台上传安装 2.宝塔后台直接将插件文件上传到wordpress根目录下的wp-content/plugin文件夹下,然后解压即可。

或

完成后,刷新wordpress插件后台页面,激活Yellow Pencil Pro插件,初次激活使用会跳出如下界面,让你选择单页修改（single）还是全局修改（global）。
举个例子,选择单页修改,我在主页上移动logo的位置向左10mm,但是在其他页面的logo位置并不会向左10mm, 选择全局的话就是所有页面的logo位置都向左移10mm。

确定完成后样式修改的选项框会固定在页面的右边,具体效果和使用展示参考下面2张gif图

我这就不讲具体如何使用这个插件了,大家有兴趣的话可以自己尝试一下,一般每个选项尝试一下你们就知道怎么更改出你们想要的样式了,如果还想具体研究的,可以参考一些在油管上的教学视频。

二、wordpress最好用的缓存插件 WP-Rocket, 作用提高网站速度。

这个插件我就不多介绍了,也是个付费插件,在官网上面卖49美金单站点/年
官网地址:https://wp-rocket.me/pricing/

网盘链接：https://pan.baidu.com/s/1YV-0jPK5ykZoOSoOQHheaA提取码：4t4q
安装后直接激活即可,如果你对优化的选项不是很了解,建议不用更改任何选项,安装完成后WP Rocket就已经完成了站点80%的加速展示界面如下。

三、Webp express图片格式转换插件
WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来，以BSD授权条款发布。

WebP格式最初在2010年发布，目标是减少文件大小，但达到和JPEG格式相同的图片质量，希望能够减少图片档在网络上的发送时间。2011年11月8日，Google开始让WebP支持无损压缩和透明色（alpha通道）的功能，而在2012年8月16日的参考实做libwebp 0.2.0中正式支持。根据Google较早的测试，WebP的无损压缩比网络上找到的PNG档少了45%的文件大小，即使这些PNG档在使用pngcrush和PNGOUT处理过，WebP还是可以减少28%的文件大小。（节选自百度百科）

划重点:谷歌研发的, 目的减少文件大小和图片在网络上的发送时间,对网站的打开速度帮助极大。

但是这里又得注意,如果你直接在wordpress站点插件后台搜索和安装webp express,确实可以安装上,但却无法转换站点上的图片致webp格式,这是因为你的服务器上还缺少一个搭配这个插件的工具,在此我们又需要用到无敌的宝塔面板。

进入宝塔后台,点击左边的软件商店,找到自己安装的PHP版本,点击PHP版本右边的设置,我这边安装的PHP7.0