侧栏增加在线投稿

侧栏增加在线投稿

02915

教程

把上面的代码放到wp后台–>小工具–>自定义html–>需要的侧边栏

把下面代码放到小工具的html里面即可

<div class="textwidget custom-html-widget"><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=550966987@qq.com" target="_blank" rel="noopener"><img title="乡野博文" src="http://www.zau.cn/wp-content/uploads/tougao.jpg" alt="图片" style="border-radius:5px;"></a>
<a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=550966987@qq.com" target="_blank" style="background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);" rel="noopener">发送邮件</a>
<a class="cms_link" href="http://www.zau.cn/newposts" target="_blank" style="background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);" rel="noopener">点击投稿</a>
<a class="grid_link" href="http://www.zau.cn/lianjie" target="_blank" style="background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);" rel="noopener">关于我们</a>
</div>
<div><hr></div></div>

演示图片

图片[1]-侧栏增加在线投稿-乡野博文
温馨提示:本文最后更新于2022-05-12 03:31:15,某些文章具有时效性,若有错误或已失效,请在下方留言或联系乡野博文
您阅读这篇文章共花了: 0小时00分00秒
-----本页内容已结束,喜欢请分享!-----
© 版权声明
THE END
喜欢本站内容,请点【点赞】【分享】和【收藏】~
点赞15 分享
评论 抢沙发

请登录后发表评论