在网上看到很多网站页面里面调用了自己的淘宝店铺,发现这个不错就上网搜了下,步骤如下:
添加iframe标签来调用淘宝店铺,iframe标签可以使任何HTML页面实现内联框架,方便嵌入任意网页,代码如下:
<IFRAME src="http://di9dadao8.taobao.com/" style=" margin: 10px 0 0 1px;"
width=976 height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>
代码解释:
http://di9dadao8.taobao.com/为嵌入网页的地址。
width=976 height=1530为嵌入网页的宽度和高度,可根据自己的页面大小适当调整。
scrolling="no" 为嵌入网页的滚动设置,当内容范围大时,可设置为允许滚动 scrolling="yes"。
ALLOWTRANSPARENCY="true" 为允许透明设置,把true改为no为不透明。
将上面代码添加到想显示的网站页面即可。
以wordpress为例,制作一个独立淘宝店铺页面来演示下:
1、制作一个wp页面如taobao.php,在页面最上面添加如下代码
<?php
/*
Template Name: taobao
*/
?>
2、在页面添加代码:
<?php get_header(); ?>
<div id="primary">
<IFRAME src="http://di9dadao8.taobao.com/" style=" margin: 10px 0 0 10px;"
width=976 height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>
</div><!-- #primary -->
<?php get_footer(); ?>
如果还需要边栏的话再添加个<?php get_sidebar();?>就行。
调用操作:进入wp后台—新建一个页面—在模板中选择“taobao”,发布后完成操作。
这个也可以用做淘宝客,在后台阅读设置里面选择一个静态页面,打开网站就可以直接看见页面了。
实在不会繁琐操作的直接将店铺代码添加到页面或者文章里就行。