之前有童鞋問，另一個站的淘寶商鋪是如何加到 WordPress 主題中的，其實使用 iframe 標籤可以很輕鬆實現這一功能。

透過新增 iframe 標籤可以使任何 HTML 頁面實現內聯框架，方便嵌入任意網頁，程式碼如下：

<IFRAME src="http://wopus.taobao.com/" style=" margin: 10px 0 0
1px;" width=976 height=1530 scrolling=no
ALLOWTRANSPARENCY="no"></IFRAME>

其中：

http://wopus.taobao.com/為嵌入網頁的地址。

width=976 height=1530 為嵌入網頁的寬度和高度，可根據自己的頁面大小適當調整。

scrolling=「no」 為嵌入網頁的滾動設定，當內容範圍大時，可設定為允許滾動 scrolling=「yes」 。

ALLOWTRANSPARENCY=「true」 為允許透明設定，把 true 改為 no 為不透明。

將上面程式碼加到模版檔案的適當位置即可。

下面以 WP 預設主題 twentyeleven 為例，教大家制作一個獨立的商鋪頁面模版：

複製一份 twentyeleven 主題 page.ph 模版，重新命名為：taobao.php，開啟這個模版檔案在最上面新增

<?php

/*

Template Name: taobao

*/

?>

其中的模版名稱：taobao 可以任意。

並用：

<?php get_header(); ?>

<div id="primary">

<IFRAME src=http://wopus.taobao.com/ style="margin: 10px 0 0
10px;" width=976 height=1530 scrolling=no
ALLOWTRANSPARENCY="no"></IFRAME>

</div><!-- #primary -->

<?php get_footer(); ?>

替換原來模版中的所有程式碼，儲存之後，進入 WP 後臺新建一個頁面，右下模板選擇：taobao，釋出即可。

效果演示

是不是有些像淘寶客，可進入 WP 後臺---設定---閱讀---首頁顯示選擇一個靜態頁，並選擇這個新建的頁面作為主頁。