具體教程如下：
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，大功告成，如果在製作時候遇到問題，一般是路徑問題，請認真修改下。