WordPress全站左侧边栏添加联系我们按钮

我们在博客中经常需要预留一些客服或者联系我们的按钮放在首页，便于用户有需求或问题直接点击跟我们取得联系，那么如何在网站首页设置呢？今天卡讯网带来了一款通用的WordPress全站左侧边栏添加联系站长按钮教程。

效果演示

详细教程

也很简单，只需要在两个文件中添加一行代码就可以实现，具体演示效果可以查看本站好软猫博客的效果，本教程以7B2主题为例进行设置

在后台主题设置–代码插入–页脚代码中插入以下代码

<!--左侧联系我们按钮_卡讯网[www.kxoo.cn]-->
<a href="联系方式链接" target="_blank" class="contact-help main-shadow"  style="font-weight:700;" />联系我们</a>

在后台主题设置–代码插入–CSS代码中插入以下CSS样式

/*左边联系我们css_卡讯网[www.kxoo.cn]*/
.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;}}