之前有童鞋問，另一個站的淘寶商鋪是如何加到 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 後台---設置---閲讀---首頁顯示選擇一個靜態頁，並選擇這個新建的頁面作為主頁。