WordPress主题嵌入淘宝商铺

  之前有童鞋问,另一个站的淘宝商铺是如何加到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,宣布即可。

WordPress主题嵌入淘宝商铺

  是不是有些像淘宝客,可进入WP靠山---配置---阅读---首页显示选择一个静态页,并选择这个新建的页面作为主页。

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

WordPress v3.5.2 简体中文版下载

WordPress主题嵌入淘宝商铺

界面预览

WordPress v4.4.2 英文版下载

WordPress主题嵌入淘宝商铺

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10314.html