LOADING

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主题右侧边栏添加联系站长按钮
© 版权声明

相关文章