之前有童鞋问,另一个站的淘宝商铺是如何加到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后台---设置---阅读---首页显示选择一个静态页,并选择这个新建的页面作为主页。
下面是已制作好的HotNewsPro2.7版主题专用模版
将下载解压后的模版文件上传到HotNews主题根目录中,新建页面右下模板选择“我的商铺”模版,请自行修改模版嵌入网页的地址链接。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!





湖北省鄂州市 1F
感谢鸟哥,第一个沙发!顺便亲切的问下,wopus这个站也是您的杰作吗?
B1
@ 无名 不是,我只是wopus的一个管理员
河南省信阳市固始县 B2
@ 知更鸟 学习一下,之前见到了,不知道怎么用
上海市 B2
@ 知更鸟 原来如此,难怪一直见到你站上有wopus的广告呢。
吉林省长春市 2F
鸟哥牛人啊,顺便问下鸟哥,如果要添加一个新页面是不是旧按上面的方法,新建php文件,然后传到空间主题目录下,然后在后台新建页面就可以了啊
B1
@ 大燕狂徒 新建页面与新建页面模版是不同的概念,不知你说的是哪个
如果是新的模版,方法与此文基本差不多
广东省东莞市 3F
鸟兄,使用您的大作已有相当长一段时间,您的专业,您的不懈解答,是我们学习的标榜;我一直想弄一个问答模式的网站与WP结合,以提高用户体验,不知道有没有好的模块介绍,诚谢!
B1
@ 管理教程 可以试试这个插件
http://wordpress.org/extend/plugins/qa/screenshots/
广东省东莞市 B2
@ 知更鸟 正在解压缩安装包…
无法安装这个包。 PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure
谢谢鸟兄这么快给予回复,貌似无法安装,不知什么问题,
浙江省宁波市 4F
学习了,!!!
山东省济南市 5F
嗯 简单的方法
江西省新余市 6F
方法很简单。
四川省绵阳市 7F
鸟哥英明!好像看鸟哥没有去掉导航上那个搜索的教程呃?不知道鸟哥能写个吗?因为右侧有个搜索!导航那个占了地方多余的!可以用来做其它的分类!鸟哥有时间的话,,,,,
广东省广州市 8F
啊哈哈哈,鸟哥这个太牛了!!
湖北省襄阳市 9F
又学了了一招,不错鸟哥
澳门 10F
请教下鸟哥!我的评论楼层怎么变成“-多少”的了?
B1
@ 科普巴士 后台设置评论分页
澳门 B2
@ 知更鸟 太感谢鸟哥了~!
河南省郑州市 11F
这个好强大,果断收藏。
广东省深圳市 12F
有没有哪种方法, A站文章下面,显示B站文章列表呢,相当于相关文章推荐一样的功能?
B1
@ 瘦腿 当然可以
广东省深圳市 B2
@ 知更鸟 这个怎么实现呢? 看到别人有哪种站,就是不知道怎么弄出来的,教下我啊, 都是wordpress程序的
B3
@ 瘦腿 https://zmingcx.com/call-to-other-sites-using-simplepie-article-appears-in-your-wordpress-site.html
湖北省武汉市 13F
这个有用,我也试试
河北省保定市 14F
多谢鸟哥提供解答
黑龙江省牡丹江市 15F
这个方法很适合单页,如果插入文章中调用就比较不适合了,如果把代码修改一下:
这个代码宽度可以改一下 复制到你的文章中,就可以实现调用了,如果以后想调用自己的文章,需要单独做一个单页html网页.
北京市 16F
感谢分享!
安徽省蚌埠市 17F
这个方法又牛又简单,厉害厉害!
内蒙古 18F
果然是人才一个啊!
广东省东莞市 19F
页面长的淘宝店铺,像旺铺,只能显示前面的一截,后面的没有滚动条,不能查看。
B1
@ 佚风 看文章要看全了,文章中有的长度设置说明
广东省东莞市 B2
@ 知更鸟 嘿,看到后有模板下载,就以为万事无忧了~~~抱歉
江苏省苏州市 20F
这个可以有
江苏省无锡市 21F
那么强大呢啊
辽宁省辽阳市 22F
好像广告没了啊
B1
@ 及时雨 一个月没几个币子,还影响速度,去掉,垃圾广告
辽宁省辽阳市 B2
@ 知更鸟 是啊,而且发现鸟哥换到日本服务器下了,现在ping都四百多了。
B3
@ 及时雨 你的网络有问题,我这里只有100
江苏省苏州市 B4
@ 知更鸟 鸟哥那边离日本近
哈哈
河北省保定市 23F
鸟哥啊。可不可以把这个评论框上方广告位移至评论上方?除了在正文下方添加广告还不可以在上方放置一个?
B1
@ 阿旭奇意网 可以,参考一下这篇
https://zmingcx.com/add-multiple-advertising.html
黑龙江省哈尔滨市 24F
演示地址有吗
江西省新余市 25F
360提示,假冒淘宝网。。。。。。。。。。。怎么可以实现不提示假冒淘宝提示啊!??。。。。。。。。。。。。。。。。。。。。求救鸟哥!!!!
B1
@ ziranniao 250干着110的事,傻瓜杀软一个,卸载250+110
湖南省长沙市 26F
鸟哥好强大阿,看鸟哥主题架势貌似又要升级主题了!关注中。。。。
B1
@ zkblog 呵呵,可能吧,不过年底工作忙没时间
河北省廊坊市大城县 27F
你好牛啊,我第一次接触网站,看到你的教程真是三生有幸啊。。。。我有个问题要问,就是我的站17hlg.com不知道为什么,评论一写长了,侧边栏就跑到下面去,我搞了几次都不知道怎么回事,害得我装了好几回网站,还好网站是新建的,还有就是评论的时候与除了360极速浏览器外,其他浏览器全不是很兼容,用其他浏览器看评论时,头像就把用户名盖起来,我不想换主题,我用官方好不容易才改成了这样的,求救啊。。。。。。。。
B1
@ MT WP默认主题对IE6兼容不好,换个底子好些的再改吧
河北省廊坊市大城县 28F
你也解决不了吗?我还是凑合用吧,毕竟自己好不容易改出来的。。。。。。
江西省新余市 29F
友情连接模板是哪个文件?怎么老是错位啊?
广东省广州市 30F
鸟哥牛人啊
山东省济南市 31F
鸟哥你好!刚今天刚买了你推荐的空间,把旧网站的数据全部导入到新的空间了,但是现在网站无法访问,客服也不在线,鸟哥可否百忙之中帮忙看一下。我的域名是:http://www.wudu.me/,希望鸟哥不吝赐教,为盼!
B1
@ 五度空间 貌似已正常了
广东省广州市 32F
看来使用这个主题还要多费些心思啦
福建省福州市 33F
佩服的博主的才华,这款主题很不赖哦
广东省东莞市 34F
BLOG也能淘宝有意思~~~
安徽省合肥市 35F
很霸气啊
山东省临沂市 36F
不错 谢谢
北京市 37F
请教鸟哥,可不可以让每篇文章上面的第一个热点图都是本篇文章的热点图?
云南省大理州 38F
知更鸟,说个小问题~
css.css:371行 .entry_box_s_l 在 lte IE7 情况时 border 解释有问题,导致 lte IE7 情况下 iframe 框架的上,左,右分别多了3个像素的 #CCC
北京市 39F
每次来看都能有所收获!收藏了
山东省烟台市 40F
鸟哥,“右下模板选择”什么意思,新建页面没有右下模板啊,不好意思,我是菜鸟..
四川省雅安市 41F
收藏 哈哈
江苏省无锡市 42F
不错过来看一下来了啊啊
广东省惠州市 43F
看了你网站里的内容,确实让我受益匪浅。虽然工作很忙,但闲暇时总会来关注
你的更新,希望能学习到更多。
山西省太原市 44F
鸟哥,为什么更改地址后我的商铺就偏左边了,难道是对调用的网页有什么要求吗
广东省深圳市 45F
正需要这个呢,鸟哥就给整出来了····
广东省深圳市 46F
想问下鸟哥:除了IFRAME 还有什么方法可以调用一个网站的部分地方的内容?
我调用7176.com这个网站的,但是过2秒它却自动跳转到了它的网站!
B1
@ 秋风徐来 那就是人家加了JS代码不让你引用
一看这个网站的页面,就知道是个垃圾站
广东省深圳市 B2
@ 知更鸟 那有什么办法能够解决呢?通过代码?(另外,那个网站不是垃圾网站啦,是IMDB中文网,不过我也觉得这网站维护的好烂···)
湖北省武汉市 47F
嘿嘿 这个好,学习了。看了是大势所趋啊
浙江省台州市 48F
真的太喜欢这个主题了!太漂亮了!谢谢鸟哥的分享。。
江苏省苏州市 49F
这个真不错
来自外部的引用