WordPress主题嵌入淘宝商铺
发布时间:2011-12-23 19:00:54
之前有童鞋问,另一个站的淘宝商铺是如何加到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后台---设置---阅读---首页显示选择一个静态页,并选择这个新建的页面作为主页。
原文地址:http://zmingcx.com/wordpress-theme-embedded-in-taobao-shop.html
猜你喜欢
- 由天极网、解放日报网、ITBEAR、中国站长、WEB开发网、Donews等国内知名网络媒体联合评测推荐以及根据国内知名域名虚拟主机服务商华夏
- 一直有很多朋友为店铺的生意而苦恼,为什么我的产品排名那么靠后呢?别家店铺的生意怎么就那么火暴,我的怎么就不好呢?那么现在我来给大家传授几个经
- 三、附目1、我的/etc/vsftpd.conf文件的内容[quote:93f3c4a2db]#Exampleconfigfile/etc/
- 随着国际互连网的发展,一些企业建立了自己的INTRANET,并通过专线与INTERNET连通。为了保证企业内部网的安全,防止非法入侵,需要使
- 在 TCP/IP 协议中,"IP地址 + TCP或UDP端口号" 可以唯一标识网络通讯中的一个进程,"IP地址
- 我们的防火墙是不是经常有人来攻击你XXX端口呢?如果关掉相应没有用处的端口不就好了吗? 一般来说,我们采用一些功能强大的反黑软件和防火墙来保
- Godaddy主机的VPS可以使用SSH登录进行管理,登录方法如下:1、使用SSH客户端登录,推荐使用putty登录软件2、在Host Na
- 北京时间11月5日消息,据国外媒体报道,因谷歌试图构建其在互联网搜索领域的主导地位,并希望向其它领域扩展,其第三季度游说费用首次超过100万
- 距北京奥运会开幕不到一个月,奥运比赛的绝大部分赛程均已敲定。16天跌宕起伏的赛事充满了令人眼花缭乱的看点,为了方便读者找到每天比赛的重点,我
- 什么是POSH ?不,这不是一些新的网页设计上的时尚的宣传- POSH是Plain Old Semantic HTML(清晰老式语义化HTM
- 背景最近在复习Linux命令,到df的时候发现了一个之前忽略的东西。也就是 -i 这个选项,列出文件系统分区的inode信息。这个inode
- 详解springboot-修改内置tomcat版本1、解析Spring Boot父级依赖<parent> <groupI
- asp之家注:呵呵,我也发现了,已经好几天没开QQ了,今天一开发现了这个异常,我还疑问电脑中了什么病毒了,怎么都变成手机在线状态了?吓了我一
- Godaddy主机用户在指定Document Root时,需要注意的是: 此过程仅可用于运行Configuration 2.0的Linux帐
- 一、安装前的准备1、下载好Ubuntu20.04的镜像文件,直接从官网下载就好,2、准备好VMware软件,这里就忽略安装过程了。二、建立虚
- 首先,在这里感谢军哥和LEB博主,这个一键包主要借鉴的就是这两位高手的脚本。其中前端后端配置是军哥的,脚本的主要结构是LEB的。请向上面两位
- 如何从博客中扩展我们的外部链接。但需要申明一点的是:思亿欧所说的不是通过大量注册博客增加自己链接的方式。而是,参与到跟自己主题相关的博客中分
- 一旦你的网站跟这十大标准之中的几个挂上钩,就难逃经典特差网站的厄运,如果不幸以下这十条你的网站全都占了,那还是请离开站长圈,另谋出路比较好。
- MongoDB安装过程以及问题记录一、MongoDB安装下载MongoDB官方地址:https://www.mongodb.com/down
- 开启视频功能今天,笔者详细给大家介绍一下,如何使用Discuz!6.0论坛中的视频上传和在线录制功能。站长如何开启视频功能:使用Discuz