分享一个给网站添加全站左侧边栏联系站长按钮功能,类似于在线客服了,只需要在两个文件中添加一行代码就可以实现,添加后的具体样式效果,可以参考下方的效果图。

使用教程:

1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面

自定义 CSS 代码:

/*左边联系站长 css 开始*/
.contact-help{position: fixed; z-index: 101; left: 0; top: calc(50% - 30px); margin-top: -36px; width: 28px; height: 72px; transition: all .3s; font-size: 12px;background: var(--main-bg-color);border-radius: 0 5px 5px 0; padding: 8px 7px; line-height: 14px;}@media screen and (max-width: 768px){.contact-help{display:none;}}
/*左边联系站长 css 开始*/

2、在主题目录下 themes/zibll/footer.php 下,添加下面的 PHP 代码:

PHP 代码:

<!--左侧联系站长-->
<a href="http://wpa.qq.com/msgrd?v=3&uin=1732765629&site=qq&menu=yes" target="_blank" class="contact-help main-shadow" style="font-weight:700;" />联系站长</a>

3、将第二步链接中的uin=1732765629,替换下填写你自己的qq账号即可。

效果图:

WordPress美化-网站左侧边栏添加联系站长按钮-痴痴资源网

常见问题FAQ

部分免费版权图片来自www.freepik.com
本站部分免费版权图片由 Freepik 设计www.freepik.com!!
本站资源和文章版权声明
版权声明:本站部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们,减少损失。联系邮箱:1732765629@qq.com。
购买商品请必看特别声明
所有资源请勿商业运营,违法使用和传播!仅研究学习使用!下载后请在24小时内删除!本站资源大多来自互联网整合,未测试,未标有售后默认无售后,可能会有瑕疵或BUG,介意勿下载!建议注册账号下载。资源付的费为整理辛苦费,资源本身不收费。常见问题解答:点我直达!有问题请反馈:1732765629@qq.com ,感谢支持!
免费下载或者贵宾会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 《免责声明》。
点击下载链接不跳转怎么回事?
您好,QQ内打开是不跳转的,一少部分浏览器也不跳转,一般的UC了,搜狗 360等浏览器都可以跳转。
立即查看