之前有童鞋問(wèn)，另一個(gè)站的淘寶商鋪是如何加到WordPress主題中的，其實(shí)使用iframe標(biāo)簽可以很輕松實(shí)現(xiàn)這一功能。

通過(guò)添加iframe 標(biāo)簽可以使任何HTML頁(yè)面實(shí)現(xiàn)內(nèi)聯(lián)框架，方便嵌入任意網(wǎng)頁(yè)，代碼如下：

<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/為嵌入網(wǎng)頁(yè)的地址。

width=976 height=1530為嵌入網(wǎng)頁(yè)的寬度和高度，可根據(jù)自己的頁(yè)面大小適當(dāng)調(diào)整。

scrolling=“no” 為嵌入網(wǎng)頁(yè)的滾動(dòng)設(shè)置，當(dāng)內(nèi)容范圍大時(shí)，可設(shè)置為允許滾動(dòng) scrolling=“yes”。

ALLOWTRANSPARENCY=“true” 為允許透明設(shè)置，把true改為no為不透明。

將上面代碼加到模版文件的適當(dāng)位置即可。

下面以WP默認(rèn)主題twentyeleven為例，教大家制作一個(gè)獨(dú)立的商鋪?lái)?yè)面模版：

復(fù)制一份twentyeleven主題page.ph模版，重命名為：taobao.php，打開(kāi)這個(gè)模版文件在最上面添加

<?php

/*

Template Name: taobao

*/

?>

其中的模版名稱(chēng)：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(); ?>

替換原來(lái)模版中的所有代碼，保存之后，進(jìn)入WP后臺(tái)新建一個(gè)頁(yè)面，右下模板選擇：taobao，發(fā)布即可。

效果演示

是不是有些像淘寶客，可進(jìn)入WP后臺(tái)—設(shè)置—閱讀—首頁(yè)顯示選擇一個(gè)靜態(tài)頁(yè)，并選擇這個(gè)新建的頁(yè)面作為主頁(yè)。