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

通過添加iframe 標簽可以使任何HTML頁面實現內聯框架，方便嵌入任意網頁，代碼如下：

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

其中：

http://XXX.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后臺—設置—閱讀—首頁顯示選擇一個靜態頁，并選擇這個新建的頁面作為主頁。