今天给大家分享下返回顶部那块的制作教程,其实也不难,主要是用到html、css和一些jq代码。
效果图如下图所示:

废话不多说,我们开始教程:
首先我们把下面的html代码添加到主题footer.php文件的</body>上面:
可以看到在右侧按钮上面是有Icon图标的,所以我们还需要加载一个Icon图标,把下面的一行代码添加到header.php的</head>标签上面,加载Icon样式。
Icon图标
如果你的博客有Icon图标样式,可以不用添加上面的代码,用自己的图标
然后我们添加js代码,将下面代码添加到footer.php文件的</body>上面:
以上代码依赖jquery,请确保你的博客已经加载jquery文件。
最后就是css样式了, 将下面代码添加到header.php文件的</head>上面,也可以添加到主题的样式文件内,一般是style.css这个文件。(为了方便二次修改,css样式代码没有压缩,代码比较长,可以直接点击复制)
教程到此就结束了,完成以上步骤后,去网站前端看看效果吧。