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

飞鸟 1月 19, 202214:45:48网站制作评论202阅读模式

wordpress如何添加左侧在线联系功能文章源自飞鸟学习网-https://www.pk88.net/2022-01220.html

使用教程: 也很简单,只需要在两个文件中添加一行代码就可以实现文章源自飞鸟学习网-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

效果演示

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

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: