网站侧边栏添加类似导航联系方式的小工具模块

这个功能本身类似一个用户中心的样式，也可以认为是导航和投稿的样式，具体使用可自行根据自己需求修改代码中的链接和图片

使用教程：

• 1、将下面的代码添加在网站页脚底部或者在 wp 后台添加小工具，效果展示是一样的我是添加在小工具的
  2、添加路径：在后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置

• 3、我是添加在首页侧边栏

• 4、修改代码中的链接以及图片地址，

<style type="text/css">
#update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.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}
</style>
<div id="update_version">
<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=2956667505@qq.com" target="_blank" rel="noopener"><img title="易幻云网络" src="添加你需要展示的图片" alt="图片" style="border-radius:5px;"></a>
<a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=931106824@qq.com" target="_blank" style="background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);" rel="noopener">发送邮件</a>
<a class="cms_link" href="https://www.521cd.cn/?random" target="_blank" style="background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);" rel="noopener">随便看看</a>
<a class="grid_link" href="https://www.521cd.cn/" target="_blank" style="background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);" rel="noopener">友情链接</a>
</div>
<div>
  <hr>
<a href="/" target="_blank" rel="noopener">点击在线投稿</a>
  <br>
投稿邮箱：<b>2956667505@qq.com</b>
  <br>
交流 QQ：<b><a href="https://wpa.qq.com/wpa_jump_page?v=3&uin=2956667505&site=qq&menu=yes" target="_blank" rel="noopener">2956667505</a></b>
</div>