首页 > 其他分享 >WordPress全站左侧边栏添加联系站长按钮[WP教程]

WordPress全站左侧边栏添加联系站长按钮[WP教程]

时间:2022-11-23 10:24:56浏览次数:45  
标签:教程 全站 边栏 自定义 代码 添加 WordPress 站长 联系

使用教程:

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

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

自定义 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=913246548&site=qq&menu=yes" target="_blank" class="contact-help main-shadow"  style="font-weight:700;" />联系站长</a>
WordPress全站左侧边栏添加联系站长按钮[WP教程]-觅知博客

说明:PHP 代码的 HTML 代码内容、链接,可自行修改。

效果演示:

标签:教程,全站,边栏,自定义,代码,添加,WordPress,站长,联系
From: https://www.cnblogs.com/HaoranZing/p/16917417.html

相关文章

  • WordPress利用阿里巴巴矢量图标美化导航栏菜单
    现在很多的wp主题模板自带的都是FontAwesome图标库,社长用的子比主题也是一样,但是这个图标库的样式太丑了,社长就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标......
  • 使用阿里云云服务器和Wordpress个人建站
    先贴一个阿里云官方的通过ECS服务器建站的教程链接https://developer.aliyun.com/article/761621需要说明的是如果需要通过公网访问你的网站那么必须要先进行I......
  • WordPress编辑器支持PowerPoint一键粘贴
    ​如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-......
  • 关于 WordPress 你了解多少?
    WordPress是一个免费和开源的内容管理系统(CMS)框架。它是最近使用最广泛的CMS框架。现在让我们简要讨论一下什么是CMS,什么是wordpress!什么是内容管理系统?内容管理系统......
  • WordPress 多表情文章投票/心情评价插件 DW Reactions
    今天推荐的DWReactions是一款非常漂亮的WordPress多表情文章投票插件,它和Facebook的一个新功能非常相似,允许访客对每篇博客文章表达多种情感。看看下面的图片,是不是......
  • WordPress搭建过的知名网站有哪些?
    最近,有一些同学会问我一些关于WordPress能做什么网站的问题。它们会问我:WordPress适合企业建站吗?咱们能够用WordPress来建造企业官方网站吗?WordPress适合做网上商城吗?能够......
  • WordpressCMS主题开发08-CMS文章内容页面的制作
    这节课,我们来制作内容页面制作内容页面single.php首先,我们来看看静态的内容页面,下面,我们就开始制作这样的内容页面,打开主题文件夹,复制article.html,然后粘贴,重命名为single.p......
  • WordpressCMS主题开发03-如何制作幻灯片和tab式新闻框
    这一讲中,我们将学习:如何制作幻灯片和tab式新闻框幻灯片很容易理解,tab式新闻框指的是这块区域:​​tab新闻框-WordpressCMS主题开发03-如何制作幻灯片和tab式新闻......
  • WordpressCMS主题开发06-分类页面的文章调用和sidebar制作
    这节课,我们来学习cms制作的第6课程,制作分类页面category.php以及分类页面的sidebar。我们先来查看静态页面list.html,如果我们要做这个页面,其实已经做好了header以及footer。......
  • WordPress主题开发全面详解-黄棒清-专题视频课程
    WordPress主题开发全面详解—87人已学习课程介绍        WordPress主题开发全面详解视频教程会运用HTML,CSS,PHP和JavaScript来构建动态WordPress网站。在本课程中,我......