使用教程:
也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看本站觅知博客的效果
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=1426239465&site=qq&menu=yes" target="_blank" class="contact-help main-shadow" style="font-weight:700;" />联系站长</a>
![WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客 WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客](https://cdn.98dou.cn/mizhimg/uploads/2021/07/image-4-1024x600.png)
说明:PHP 代码的 HTML 代码内容、链接,可自行修改。
效果演示:
![WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客 WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客](https://cdn.98dou.cn/mizhimg/uploads/2021/07/image-5-1024x506.png)
本站代码模板仅供学习交流使用请勿商业运营,严禁使用觅知博客上的模板&源码从事违法,侵权等任何非法活动!
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
![WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客](/wp-content/uploads/2021/07/%E6%B6%88%E6%81%AF%E6%B4%BB%E5%8A%A8%E9%A2%84%E5%91%8A%E7%A6%8F%E5%88%A9%E8%B5%84%E8%AE%AF%E5%85%AC%E4%BC%97%E5%8F%B7%E9%A6%96%E5%9B%BE.png)


![WordPress全站左侧边栏添加联系站长按钮[WP教程]](/wp-content/uploads/2021/07/消息活动预告福利资讯公众号首图.png)


























![觅知博客 - 赋能网络IT科技魅力的平台[官网]](https://www.98dou.cn/wp-content/uploads/2022/04/2022040816053885.webp)
![觅知博客 - 赋能网络IT科技魅力的平台[官网]](https://98dou.cn/wp-content/themes/zibll/img/mizhi/logo/logo_dark.png)

- 最新
- 最热
只看作者