本文主要为广大网友提供“WordPress主题嵌入淘宝商铺”，希望对需要WordPress主题嵌入淘宝商铺网友有所帮助，学习一下!

　　之前有童鞋问，另一个站的淘宝商铺是如何加到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后台---设置---阅读---首页显示选择一个静态页，并选择这个新建的页面作为主页。

　　首先下载已制作好的HotNewsPro2.7版主题专用模版—taobao.zip，将下载解压后的模版文件上传到HotNews主题根目录中，新建页面右下模板选择“我的商铺”模版，请自行修改模版嵌入网页的地址链接。

WordPress v3.5.2 简体中文版下载

界面预览

• 软件语言：简体中文
• 运行环境：PHP/Mysql
• 软件授权：免费版
• 更新时间：2013-7-24 16:05:30
• 相关链接：Home Page

WordPress v3.9 英文版下载

界面预览

• 软件语言：英文
• 运行环境：PHP/MySQL
• 软件授权：开源软件
• 更新时间：2014-4-17 9:56:31
• 相关链接：Home Page

本文转自：http://zmingcx.com/wordpress-theme-embedded-in-taobao-shop.html