之前有童鞋问,另一个站的淘宝商铺是如何加到Wordpress主题中的,其实利用iframe 标签可以很轻松实现这一成果。
通过添加iframe 标签可以使任何HTML页面实现内联框架,利便嵌入任意网页,代码如下:
<IFRAME src=http://down.chinaz.com/"http:/wopus.taobao.com/" style=" margin: 10px 0 0 1px;" width=976 height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>个中:
为嵌入的网页的地点。
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://down.chinaz.com/"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 简体中文版下载
界面预览WordPress v4.4.2 英文版下载