..start..fly..

扫一扫
Guestbook

Home / PHP & Wordpress / 给WordPress页面添加返回顶部的jquery效果

经典书籍《血管外科要点与盲点》PDF版提供下载SQL数据库替换命令

在wordpress的页面中添加返回顶部的友好按钮对于提升用户体验来说是非常不错的选择，尤其是对于长篇的文章来说。但是常规的返回顶部显得比较生硬，于是乎添加jquery效果会是非常不错的选择。

以下是本站的效果图：

top

具体实现过程如下：

一、备份好你的wordpress主题，然后找到head.php或者index.php，在<body>里面添加以下代码：

  1. <link rel=”stylesheet” type=”text/css” href=”css/top.css” />

  2. <script type=”text/javascript” src=”js/jquery.js”></script>

  3. <script type=”text/javascript” src=”js/top.js”></script>

  4. <div class=”bottom_tools”>

  5. <div class=”qr_tool”>二维码</div>

  6. <a id=”feedback” href=”https://www.skyxh.com/guestbook” title=”Guestbook”

  7. target=”_blank”>Guestbook</a>

  8. <a id=”scrollUp” href=”javascript:;” title=”飞回顶部”></a>

  9. <img class=”qr_img” src=”images/weixin.png”>

  10. </div>

二、然后上传本站提供的下载包里面的css、images、js文件夹上传到主题的根目录下，注意修改文件路径。然后就是通过photoshop编辑文件包里面的weixin.png文件了，在网上生成一个二维码就OK了。

Related Posts

转载原创文章请注明，转载自：SKY [https://www.skyxh.com/]

本文链接: https://www.skyxh.com/websites/phpwordpress/wordpress-page-back-top-jquery.html

QR: 给WordPress页面添加返回顶部的jquery效果

Leave a Reply

Mr. Green Sad Exclamation Smile Oops Grin Surprised Shocked Confused Cool LOL Twisted Roll Eyes Idea Arrow Wink Cry

Websites powered by Wordpress6.9.4 Copyright © 2009-2026 - All Rights Reserved   SKY..fly..