效果图:
![图片[1]-WordPress全站左侧边栏添加联系站长按钮美化-99源码屋](https://tu.99yiz.com/2021/12/20211226083058357.jpg?imageView2/0/format/webp/q/75)
教程开始:
1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面
/*左边联系站长 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 开始*/
2、在主题目录下 themes/zibll/footer.php 下,添加下面的 PHP 代码:
<!--左侧联系站长-->
<a href="http://wpa.qq.com/msgrd?v=3&uin=2180266&site=qq&menu=yes" target="_blank" class="contact-help main-shadow" style="font-weight:700;" />联系站长</a>
说明:此方法适用于所有主题。PHP 代码的 HTML 代码内容、链接,可自行修改。
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
请登录后发表评论
注册
社交帐号登录