Wordpress調用單頁的操作教程

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

wordpress程式是目前最流行的博客程式，在國內的使用量也是非常大的。 最近看到很多新手在使用wordpress的時候，不知道怎麼調用單頁，而我本人在網上也沒有發現這方面很詳細的教程，所以這次專門來寫下調用單頁的操作方法，雖然是很基礎，但是確實是很多新手需要的。 使用wordpress調用單頁一般都是在博客上放廣告使用的，操作的方法有兩種，一種是使用iframe調用，一種是使用js代碼調用，下面來講下實際操作步驟。

iframe調用單頁

1.既然是調用單頁，那就需要有個單頁，所以第一步是準備一個單頁，單頁可以自己用DW(dreamweaver)製作，這裡就不詳細講述了。 另外也可以找到目標網頁去下載，比如你看准哪個網站的單頁不錯，然後查看原始程式碼，找到其單頁的位址，然後用瀏覽器的目標另存為把網頁下載下來，命名為一個隨意名字就OK。 鑒於有些新手可能還是不太懂，所以本人特意找到一個單頁做示範教程，看下圖：

2.按照上圖的操作我們就會得到一個名為123.htm的單頁，加一個存放單頁圖片和其他檔的123_files資料夾，接下來我們把這兩個檔用FTP工具上傳到wordpress的主題目錄，路徑是/wp-content/ themes/，這樣你用自己的網址HTTP://www.yoursite.com/wp-content/themes/123.htm去訪問，就可以看到這個單頁了，另外「yoursite.com」是你的功能變數名稱。

3.網站有了單頁，那還要知道怎麼調用，調用的方法其實很簡單，只需要在wordpress主題頭部下面放上一段代碼就可以調用了，代碼如下：

< iframe frameborder="0" marginheight="0" marginwidth="0" border="0" scrolling="no" height="2968px" width="100%" src ="HTTP://www.yoursite.com/wp-content/themes/123.htm" >< /iframe >

上面紅色部分一個代表單頁需要的高度，高度自己可以在顯示當中自己調整，另一個代表的是你的單頁位址。

好了，現在訪問下你的網站，單頁效果就會出來了。 當然單頁不一定就要放在頭部，具體放在什麼地方你自己可以多試試。

js調用單頁

js調用單頁其實跟iframe調用差不多，就多了一個步驟，方法就是做好上面的1、2步驟以後。

1.接下來在桌面建立一個js檔(建立一個記事本，把尾碼名改為.js就ok。 可能有些朋友改尾碼名沒有效果，這是因為你的電腦隱藏了檔的副檔名，只要設置下就好了)，js檔案名也是隨意取，姑且把它命名為「123.js」。

2.用記事本打開這個123.js，在裡面插入代碼，代碼如下：

document.write('< iframe src="HTTP://www.yoursite.com/wp-content/themes/123.htm" width=\"100%" height="415" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" >< /iframe >');

提示：紅色的網頁位址代表你的單頁位址，還有代表單頁高度的調整。

3.代碼插入以後我們保存這個123.js檔，然後將他上傳至網站的/wp-content/themes/目錄下，用HTTP://www.yoursite.com/wp-content/themes/123.js訪問下， 看下能不能訪問到。

4.最後一步就是在網頁當中調用這段js了，調用代碼如下：

< script src='HTTP://www.yoursite.com/wp-content/themes/123.js' language='javascript' > < /script >

看到這裡，相信不用解析大家也能看懂，我們只要把這段代碼放到wordpress主題頭部下面就ok了，訪問下首頁就可以看到效果了。

寫在後面：這兩種調用方法，個人比較傾向于js調用，因為現在百度還不能索引js代碼裡面的內容，而iframe調用百度已經可以收錄，從百度的快照就可以看出來，因為使用單頁調用的大多數站長都是做淘客，而百度有點反感淘客， 所以個人建議還是使用js調用。 本文作者HTTP://www.13xd.com/ ipad保護套。 寫這篇教程也費了不少心，請轉載者注明出處。