WordPress主题右侧边栏添加联系站长按钮

WordPress主题右侧边栏添加联系站长按钮

使用教程:

也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看本站懒人导航网的效果

1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面

自定义 CSS 代码:

/*左边联系站长 css 开始*/
.contact-help {
  position: fixed;
  z-index: 101;
  right: 0;
  top: calc(30% - 30px);
  margin-top: -36px;
  width: 28px;
  height: 72px;
  transition: all 0.3s;
  font-size: 12px;
  background: #ffffff;
  border-radius: 5px 0 0 5px;
  padding: 8px 7px;
  line-height: 14px;
}
@media screen and (max-width: 768px) {
  .contact-help {
    display: none;
  }
}
/*左边联系站长 css 开始*/

2、在主题目录下 themes/onenav/footer.php 下,添加下面的 PHP 代码:

PHP 代码:

<!--左侧联系站长-->
<a href="http://wpa.qq.com/msgrd?v=3&uin=1518447923&site=qq&menu=yes" target="_blank" class="contact-help main-shadow"  style="font-weight:700;" />联系站长</a>
WordPress主题右侧边栏添加联系站长按钮

效果展示

WordPress主题右侧边栏添加联系站长按钮
资源下载此资源仅限注册用户下载,请先
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。敬请谅解!购买后,请先自行测试一遍功能再上线哦~~~有问题请联系客服!
版权声明:懒人收藏夹 发表于 2022年9月27日 pm4:17。
转载请注明:WordPress主题右侧边栏添加联系站长按钮 | 懒人导航网

相关文章

联系站长