楚狂人这个功能最早发现是在
效果图：
1、添加CSS：
将以下 CSS 代码添加到所使用主题的 css 文件中，一般是style.css，wordpress的话可以直接在后台使用内置CSS编辑功能，可以预览，非常方便。
#update_version img{margin:5px 0 15px}
#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
.blog_link{background-color:#2ba9fa}
.blog_link,.cms_link{float:left;margin-right:5%}
.cms_link{background-color:#ff6969}
.grid_link{float:left;background-color:#70c041}
2、添加HTML代码：
登录站点后台 >> 外观 >> 小工具 >>文本 >>将文本小工具编辑框切换到文本格式，然后将以下DIV代码添加进去并保存即可。
（注意：里面的链接地址、图片地址、和ALT说明记得换成你自己的）
<div id="update_version"><a href="/" target="_blank" rel="noopener"><img title="淘宝优惠券" src="此处加入图片地址" alt="淘宝优惠券" /></a><a class="blog_link" href="/" target="_blank" rel="noopener">9块9包邮</a>
<a class="cms_link" href="/" target="_blank" rel="noopener">折上折</a><a class="grid_link" href="/" target="_blank" rel="noopener">双十一预售</a>
<div><i class="be be-daohang"></i>
本站域名：<b><a style="color: red;" href="https://chukuangren.com" target="_blank" rel="noopener">chukuangren.com</a></b></div>
</div>
这样，我们的网站美化工作就完成了，网站侧边栏多了一个图片和三个按钮，而且这个数量是可以复制增加的，用来做一下广告或者网站功能的扩展都是很不错的。另外，如果你改完后台代码发现网站前台没有变化的话，可以试着删除缓存试一下。
这个功能是在网上扒来的，看着好多博客都分享过，也不知道原创是谁，这个版权给谁都不好，暂时空着吧，如果最早的作者看到这个帖子，记得联系我给您加版权。
