WordPress美化：给WordPress侧边栏实现一图三按钮

云墨

647
文章

0
评论

2018年8月29日评论 1,182

点击注册网校，注册后直接登录使用，免费入驻，技术支持微信：https98

WordPress美化：给WordPress侧边栏实现一图三按钮

在沃森明博客看到这个功能的，很不错一个小功能，把它搬过来了。

WordPress美化：给WordPress侧边栏实现一图三按钮

功能实现：

1、将以下 CSS 代码添加到所使用主题的 style.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、在“后台-->外观-->小工具”中使用 ?增强文本小工具，添加到指定侧边栏中。

3、将以下代码添加到第2步中添加到指定侧边栏中的增强文本小工具中并保存即可。

<div id="update_version">
<a href="www.yunmoseo.com" target="_blank" rel="noopener"><img title="投稿" src="http://ww1.sinaimg.cn/large/006VHXWOly1fnmcaocbzpj308c05k0t1.jpg" alt="投稿" /></a><a class="blog_link" href="http://www.yunmoseo.com" target="_blank" rel="noopener">人工智能</a><a class="cms_link" href="http://wosn.net" target="_blank" rel="noopener">河蟹福利</a><a class="grid_link" href="www.yunmoseo.com" target="_blank" rel="noopener">沃森影院</a><br />投稿QQ：<b>214001002</b><br />
投稿邮箱：<b>181289218@qq.com</b><br />
资源 Q群：<b>181289218</b>
</div>

最终，效果图如上。记得修改自己的链接和相关信息哟！

原文链接：http://wosn.net/1025.html

1. 如有链接无法下载、失效或广告，请联系QQ：181289218 处理！
2. 本站的所有资源为购买、网络收集，或者用户投稿的资源，版权归原作者及网站所有!
3. 如若侵犯了您的权利，请及时联系站长删除!
4. 本站提供的资源，都不包含技术服务请大家谅解！
5. 此软件“仅限学习交流，不能用于商业用途”！
6. 如用于商业用途，请到官方购买正版软件，追究法律责任与“云墨SEO”站点无关！