效果图

因为审美各不相同，我个人是比较喜欢效果1，不过今天也有个童鞋找我做美化，喜欢效果2。索性就把2种效果都写出来，你们喜欢哪个就用哪个。（表情会随着星期几变动。）

配置步骤

这里需要3个步骤，第一步是修改PHP，第二步是配置小工具，第三步是写CSS。

第一步，修改PHP。

第二步，新建小工具

后台->外观->小工具->首页-底部全宽度->新增组件，自定义HTML，把下面的代码放进去。

效果1

效果2

第三步，配置CSS

效果1的css

放在后台的自定义CSS样式里即可。

效果2 CSS

放在后台的自定义CSS样式里即可。

不会改SVG图标怎么办？

按照上面的步骤弄好就基本就搞定了，不过！我相信有不少童鞋都不懂怎么改成自己的SVG图标，或者不愿意自己改，因为的确挺麻烦的。所以，可以用我的，把下面这两串代码，放在后台->自定义底部HTML代码里面，你连修改SVG都不用了，就这么简单。