具体教程如下：
1 、下载火箭回顶部特效代码素材：jQuery 带一连串动态效果的悬浮返回顶部特效代码
2 、 CSS/images/js 文件中是特效必备的素材，我们需要把其中的素材或文件整合到我们的模板中；
a 、复制 images 文件夹里面的 rocket_button_up.png 图片到主题的图片文件夹中；
b 、 CSS 文件中找到 zzsc.css 文件，打开后把其中的 css 样式复制到 WordPress 模板的 style.css 中，并修改 css 样式中图片的路径；
c 、复制 js 文件夹中的 all-01.js 和 jquery.js 文件到主题目录下，然后通过以下代码正确调用，调用代码可以放置到顶部或底部模板中：

  1. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/all-01.js"></script>
  2. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>

3 、最后一步，复制 index.html 中的以下代码，粘贴到主题的底部文件中：

  1. <div style="display: none;" id="rocket-to-top">
  2. <div style="opacity:0;display: block;" class="level-2"></div>
  3. <div class="level-3"></div>

OK，大功告成，如果在制作时候遇到问题，一般是路径问题，请认真修改下。