wordpress如何添加左侧在线联系功能

飞鸟

1980
文章

52
评论

19 1 月, 2022 14:45:48网站制作评论830阅读模式

wordpress如何添加左侧在线联系功能

使用教程：也很简单，只需要在两个文件中添加一行代码就可以实现文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

1、后台主题设置—>>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

自定义 CSS 代码：文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

/*左边联系站长 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 开始*/文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

2、在主题目录下 themes/zibll/footer.php 下的第63行，添加下面的 PHP 代码：文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

<a href="http://wpa.qq.com/msgrd?v=3&uin=441147008&site=qq&menu=yes" target="_blank" class="contact-help main-shadow" style="font-weight:700;" />联系站长</a>文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

说明：PHP 代码的 HTML 代码内容、链接，可自行修改。文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

效果演示

文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

全站资源源于网络整合,仅供学习研究,不可商用,不提供技术指导，如有侵权请告知删除，可以投稿，广告合作联系V: pk88net

我的微信

我的微信

微信扫一扫

本文由飞鸟发表于 19 1 月, 2022 14:45:48
转载请务必保留本文链接：https://www.pk88.net/2022-01220.html
免责声明
非常感谢您的访问。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本网站属于个人网站，本分开放互享的原则，本网站的内容均为站长提供、网友推荐、互联网整理而来，仅用于广大网友学习研究使用，如有侵犯您的版权，请及时联系我们，本站将及时纠正。
2、本站内容不保证其完整性、正确性，但是我们会尽最大努力去确保提供信息的完整性及正确性，且不对因信息的不正确或遗漏导致的任何损失或损害承担责任。
3、对由于使用本站所产生的任何直接、间接或偶然性的损失或破坏，无论该损失或破坏是否源于疏忽、违约、诽谤、侵权甚至电脑病毒等原因造成的，本网站概不负责，亦不负任何法律责任。
4、本网站所有内容（网络，素材、图片），其版权均归原作者所有，在转载有关文章时务必尊重该文章的著作权，保留其来源，并自负版权等法律责任。
5、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
6、本站文章内容，如果来源于互联网，我们会标明其来源，如果属于本站原创整理互联网资料，请您转载或者使用该文章时尊重本站及其互联网作者的著作权，注明其来源。
7、互联网的本质是自由与分享，我们真诚的希望，本站的每一份正能量能带给正在访问本网站的您提供有效的帮助，并且能在互联网自由传播。希望大家多多支持本站。