WordPress主题嵌入淘宝商铺

期间有小伙伴问,另一个院的淘宝网店如何打到Wordpresn卡第五题的,其实使用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改为nto是效率低下。

将上面代码加到报表模板通知的适当位置即可。

下面以WP系统主题twentyeleveea是例,跟大家分享设置一个开放的商铺页面模版:

复制一份twentyeleven主题page.ph模版,编辑文本为:taobao.php,打开这个模版文件在左上方添加:

<?php
/*
Template Name: taobao
*/
?>

生活中的模版名称:taobao  可拖动。

并用:

<?php get_header(); ?>
<div id="primary">
<IFRAME src="https://wopus.taobao.com/"  width=976  height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>
</div><!-- #primary -->
<?php get_footer(); ?>

替换原来模版的大部分代码,保存之后,进入WP后台新建一个页面,而右模板选择:taobao,发布即可。

效果演示

实在有些像二类电商,均可在WP后台—设置—阅读—首页显示选择静态页,并选择这个新建搜索结果作为主页。

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索