!
您也想出现在这里吗? 点击联系我们
内容广告区块
当前位置:首页>源码分享>子比源码> 子比主题回到顶部悬挂猫咪

子比主题回到顶部悬挂猫咪

本文是《免费(共168篇)》专题的第 123 篇。阅读本文前,建议您先阅读前面的文章:

子比主题回到顶部悬挂猫咪

前言

回到顶部悬挂猫咪是今天我从网上看到觉得很不错,然后就弄到了本站,确实很棒。话不多说,下面分享教程!

美化图

子比主题回到顶部悬挂猫咪
回到顶部悬挂猫咪只能电脑端显示,需要手机端显示,自己修改CSS代码。

本教程以本站使用的子比主题为例,大部分主题大同小异。

回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery,所以无需担心Jquery问题(当然啦,如果主题没有Jquery,那么去百度找Jquery好用的CDN进行调用。)

1、首先,下载回到顶部悬挂猫咪的JS+CSS(在本文章末)。

2、两种方式:

在网站后台—>主题设置—>自定义代码—>自定义头部HTML代码,把下面的代码添加进去;

子比主题回到顶部悬挂猫咪

如果没有自定义头部HTML代码那么的主题,请在主题目录下header.php末尾添加下面的代码。

子比主题回到顶部悬挂猫咪

代码:

<!--回到顶部-->
<link rel="stylesheet" type="text/css" href="https://www.cunshao.com/666666/meihua/szgotop.css" />
<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -900px;"></div>
<script type="text/javascript" src="https://www.cunshao.com/666666/meihua/szgotop.js"></script>

注(非常重要):自己把得到CSS、JS文件放在喜欢的目录里面,或者在自己网站根目录下创建新的目录把文件放进去(嘿嘿嘿,实在实在是不会的自己花钱弄),然后在href=”文件路径”和src=”文件路径”填写自己的文件路径。悬挂猫咪是一张图片,还需要在CSS里面修改图片的路径(图片路径在CSS最后面,见下图)。

子比主题回到顶部悬挂猫咪

3、前两步如果都完成了,那么在网站首页拉到底部就可以看到了悬挂猫咪,那么这时候就会出现“主题自带的回到顶部”和悬挂猫咪,那么需要我们到网站后台—>主题设置里面关闭主题自带的回到顶部,其他主题的主题设置不知道有没有关闭这一项。

子比主题只需在网站后台—>主题设置—>全局&功能—>常用功能—>返回顶部按钮—>关闭电脑端的回到顶部。

子比主题回到顶部悬挂猫咪

文章链接:https://sjcnh.cn/2172.html
文章标题:子比主题回到顶部悬挂猫咪
文章版权:@花醉 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!我们将在24小时内极速处理!
本文最后更新发布于2023年10月19日 9时35分00秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:841134898@qq.com

您已阅读完《免费(共168篇)》专题的第 123 篇。您可以继续阅读该专题下面的文章:

本文声明 本站上的部份代码,教程,软件,插件来自会员发布以及互联网收集,不代表本站立场,仅供网友个人学习交流或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!若您喜欢本文可附上原文链接随意转载。如无意侵害了您的权益,请发送邮件841134898@qq.com 或点击右侧 私信:花醉 反馈,我们将尽快处理。如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,建议下载7-zip。zip、rar解压,建议下载WinRAR。

给TA赞助
共{{data.count}}人
人已赞助
!
您也想出现在这里吗? 点击联系我们
内容广告区块
0 条回复Z文章作者V管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
有新消息 消息中心
快速搜索
在线客服
关注我们
  • 扫码打开当前页

  • 微信公众号

返回顶部