狐狸聚合登录,欢迎各位站长接入!

子比主题美化 – WordPress全站左侧边栏添加联系站长按钮

免费领流量卡 流量卡包邮 本站同款主题 广告招租

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

1、后台主题设置—>自定义代码—>自定义 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 代码:

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

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

效果图

图片[1] - 子比主题美化 – WordPress全站左侧边栏添加联系站长按钮 - 狐狸资源网

说明:PHP 代码的 HTML 代码内容、链接,可自行修改。

1 2

本文最后更新于2024-07-12 19:16:20,若文章内容或链接失效,请 留言 QQ群 反馈!
© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞0赞赏 分享
相关推荐
评论 共2条

请登录后发表评论