WordPress主题嵌入淘宝商铺

WordPress12616.3K阅读模式
摘要  之前有童鞋问,另一个站的淘宝商铺是如何加到Wordpress主题中的,其实使用iframe 标签可很轻松实现这一功能。   通过添加iframe 标签可以使任何HTML页面实现...

之前有童鞋问,另一个站的淘宝商铺是如何加到Wordpress主题中的,其实使用iframe 标签可以很轻松实现这一功能。

通过添加iframe 标签可以使任何HTML页面实现内联框架,方便嵌入任意网页,代码如下:

  1. <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,打开这个模版文件在最上面添加

  1. <?php
  2. /*
  3. Template Name: taobao
  4. */
  5. ?>

其中的模版名称:taobao  可以任意。

并用:

  1. <?php get_header(); ?>
  2. <div id="primary">
  3.     <IFRAME src="http://wopus.taobao.com/"  style=" margin: 10px 0 0 10px;" width=976  height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>
  4. </div><!-- #primary -->
  5. <?php get_footer(); ?>

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

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

下面是已制作好的HotNewsPro2.7版主题专用模版

 

将下载解压后的模版文件上传到HotNews主题根目录中,新建页面右下模板选择“我的商铺”模版,请自行修改模版嵌入网页的地址链接。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  126  访客  100  作者  22
    • 无名
      无名 2

      感谢鸟哥,第一个沙发!顺便亲切的问下,wopus这个站也是您的杰作吗?

        • 知更鸟
          知更鸟

          @ 无名 不是,我只是wopus的一个管理员

            • Win7en乐园
              Win7en乐园 8

              @ 知更鸟 学习一下,之前见到了,不知道怎么用

              • sealango
                sealango 5

                @ 知更鸟 原来如此,难怪一直见到你站上有wopus的广告呢。

            • 大燕狂徒
              大燕狂徒 4

              鸟哥牛人啊,顺便问下鸟哥,如果要添加一个新页面是不是旧按上面的方法,新建php文件,然后传到空间主题目录下,然后在后台新建页面就可以了啊

                • 知更鸟
                  知更鸟

                  @ 大燕狂徒 新建页面与新建页面模版是不同的概念,不知你说的是哪个
                  如果是新的模版,方法与此文基本差不多

                • 管理教程
                  管理教程 4

                  鸟兄,使用您的大作已有相当长一段时间,您的专业,您的不懈解答,是我们学习的标榜;我一直想弄一个问答模式的网站与WP结合,以提高用户体验,不知道有没有好的模块介绍,诚谢!

                    • 知更鸟
                      知更鸟

                      @ 管理教程 可以试试这个插件
                      http://wordpress.org/extend/plugins/qa/screenshots/

                        • 管理教程
                          管理教程 4

                          @ 知更鸟 正在解压缩安装包…

                          无法安装这个包。 PCLZIP_ERR_BAD_FORMAT (-10) : Invalid archive structure

                          谢谢鸟兄这么快给予回复,貌似无法安装,不知什么问题,

                      • 磐石博客
                        磐石博客 1

                        学习了,!!!

                        • Louis Han
                          Louis Han 6

                          嗯 简单的方法

                          • wmtimes
                            wmtimes 7

                            方法很简单。

                            • 小z
                              小z 4

                              鸟哥英明!好像看鸟哥没有去掉导航上那个搜索的教程呃?不知道鸟哥能写个吗?因为右侧有个搜索!导航那个占了地方多余的!可以用来做其它的分类!鸟哥有时间的话,,,,,

                              • 小径-1984
                                小径-1984 4

                                啊哈哈哈,鸟哥这个太牛了!!

                                • 新疆SEO
                                  新疆SEO 4

                                  又学了了一招,不错鸟哥

                                  • 科普巴士
                                    科普巴士 6

                                    请教下鸟哥!我的评论楼层怎么变成“-多少”的了?

                                    • 郑州设计师
                                      郑州设计师 5

                                      这个好强大,果断收藏。

                                      • 瘦腿
                                        瘦腿 1

                                        有没有哪种方法, A站文章下面,显示B站文章列表呢,相当于相关文章推荐一样的功能?

                                          • 知更鸟
                                            知更鸟

                                            @ 瘦腿 当然可以

                                              • 瘦腿
                                                瘦腿 1

                                                @ 知更鸟 这个怎么实现呢? 看到别人有哪种站,就是不知道怎么弄出来的,教下我啊, 都是wordpress程序的

                                                  • 知更鸟
                                                    知更鸟

                                                    @ 瘦腿 http://zmingcx.com/call-to-other-sites-using-simplepie-article-appears-in-your-wordpress-site.html

                                              • 养生
                                                养生 4

                                                这个有用,我也试试

                                                • 阿旭奇意网
                                                  阿旭奇意网 3

                                                  多谢鸟哥提供解答

                                                  • 黑土地
                                                    黑土地 3

                                                    这个方法很适合单页,如果插入文章中调用就比较不适合了,如果把代码修改一下:

                                                    这个代码宽度可以改一下 复制到你的文章中,就可以实现调用了,如果以后想调用自己的文章,需要单独做一个单页html网页.

                                                    • Bob
                                                      Bob 5

                                                      感谢分享!

                                                      • ixwebhosting
                                                        ixwebhosting 2

                                                        这个方法又牛又简单,厉害厉害!

                                                        • 不着调
                                                          不着调 0

                                                          果然是人才一个啊!

                                                          • 佚风
                                                            佚风 3

                                                            页面长的淘宝店铺,像旺铺,只能显示前面的一截,后面的没有滚动条,不能查看。

                                                              • 知更鸟
                                                                知更鸟

                                                                @ 佚风 看文章要看全了,文章中有的长度设置说明

                                                                  • 佚风
                                                                    佚风 3

                                                                    @ 知更鸟 嘿,看到后有模板下载,就以为万事无忧了~~~抱歉

                                                                • PastDust
                                                                  PastDust 4

                                                                  这个可以有

                                                                  • 石家庄婚纱摄影
                                                                    石家庄婚纱摄影 4

                                                                    那么强大呢啊

                                                                    • 及时雨
                                                                      及时雨 2

                                                                      好像广告没了啊

                                                                        • 知更鸟
                                                                          知更鸟

                                                                          @ 及时雨 一个月没几个币子,还影响速度,去掉,垃圾广告

                                                                            • 及时雨
                                                                              及时雨 2

                                                                              @ 知更鸟 是啊,而且发现鸟哥换到日本服务器下了,现在ping都四百多了。

                                                                          • 阿旭奇意网
                                                                            阿旭奇意网 3

                                                                            鸟哥啊。可不可以把这个评论框上方广告位移至评论上方?除了在正文下方添加广告还不可以在上方放置一个?

                                                                            • 备案易
                                                                              备案易 2

                                                                              演示地址有吗

                                                                              • ziranniao
                                                                                ziranniao 3

                                                                                360提示,假冒淘宝网。。。。。。。。。。。怎么可以实现不提示假冒淘宝提示啊!??。。。。。。。。。。。。。。。。。。。。求救鸟哥!!!!

                                                                                • zkblog
                                                                                  zkblog 3

                                                                                  鸟哥好强大阿,看鸟哥主题架势貌似又要升级主题了!关注中。。。。

                                                                                    • 知更鸟
                                                                                      知更鸟

                                                                                      @ zkblog 呵呵,可能吧,不过年底工作忙没时间

                                                                                    • MT
                                                                                      MT 2

                                                                                      你好牛啊,我第一次接触网站,看到你的教程真是三生有幸啊。。。。我有个问题要问,就是我的站17hlg.com不知道为什么,评论一写长了,侧边栏就跑到下面去,我搞了几次都不知道怎么回事,害得我装了好几回网站,还好网站是新建的,还有就是评论的时候与除了360极速浏览器外,其他浏览器全不是很兼容,用其他浏览器看评论时,头像就把用户名盖起来,我不想换主题,我用官方好不容易才改成了这样的,求救啊。。。。。。。。

                                                                                        • 知更鸟
                                                                                          知更鸟

                                                                                          @ MT WP默认主题对IE6兼容不好,换个底子好些的再改吧

                                                                                        • MT
                                                                                          MT 2

                                                                                          你也解决不了吗?我还是凑合用吧,毕竟自己好不容易改出来的。。。。。。

                                                                                          • ziranniao
                                                                                            ziranniao 3

                                                                                            友情连接模板是哪个文件?怎么老是错位啊?

                                                                                            • 广州私家侦探
                                                                                              广州私家侦探 1

                                                                                              鸟哥牛人啊

                                                                                              • 五度空间
                                                                                                五度空间 4

                                                                                                鸟哥你好!刚今天刚买了你推荐的空间,把旧网站的数据全部导入到新的空间了,但是现在网站无法访问,客服也不在线,鸟哥可否百忙之中帮忙看一下。我的域名是:http://www.wudu.me/,希望鸟哥不吝赐教,为盼!

                                                                                                • 和田玉枣
                                                                                                  和田玉枣 0

                                                                                                  看来使用这个主题还要多费些心思啦

                                                                                                  • 比特币
                                                                                                    比特币 1

                                                                                                    佩服的博主的才华,这款主题很不赖哦

                                                                                                    • 童佳倩
                                                                                                      童佳倩 3

                                                                                                      BLOG也能淘宝有意思~~~

                                                                                                      • 咱穷小站
                                                                                                        咱穷小站 1

                                                                                                        很霸气啊

                                                                                                        • 柏莱雅官方网
                                                                                                          柏莱雅官方网 0

                                                                                                          不错 谢谢

                                                                                                          • 去死吧360
                                                                                                            去死吧360 1

                                                                                                            请教鸟哥,可不可以让每篇文章上面的第一个热点图都是本篇文章的热点图?

                                                                                                            • 陨落de芳菲
                                                                                                              陨落de芳菲 5

                                                                                                              知更鸟,说个小问题~
                                                                                                              css.css:371行 .entry_box_s_l 在 lte IE7 情况时 border 解释有问题,导致 lte IE7 情况下 iframe 框架的上,左,右分别多了3个像素的 #CCC

                                                                                                              • 葛方帅
                                                                                                                葛方帅 1

                                                                                                                每次来看都能有所收获!收藏了

                                                                                                                • 爱生活
                                                                                                                  爱生活 0

                                                                                                                  鸟哥,“右下模板选择”什么意思,新建页面没有右下模板啊,不好意思,我是菜鸟..

                                                                                                                  • harlin
                                                                                                                    harlin 1

                                                                                                                    收藏 哈哈

                                                                                                                    • 影楼营销
                                                                                                                      影楼营销 4

                                                                                                                      不错过来看一下来了啊啊

                                                                                                                      • 大亚湾
                                                                                                                        大亚湾 1

                                                                                                                        看了你网站里的内容,确实让我受益匪浅。虽然工作很忙,但闲暇时总会来关注

                                                                                                                        你的更新,希望能学习到更多。

                                                                                                                        • lixiaodong
                                                                                                                          lixiaodong 1

                                                                                                                          鸟哥,为什么更改地址后我的商铺就偏左边了,难道是对调用的网页有什么要求吗

                                                                                                                          • 秋风徐来
                                                                                                                            秋风徐来 3

                                                                                                                            正需要这个呢,鸟哥就给整出来了····

                                                                                                                            • 秋风徐来
                                                                                                                              秋风徐来 3

                                                                                                                              想问下鸟哥:除了IFRAME 还有什么方法可以调用一个网站的部分地方的内容?
                                                                                                                              我调用7176.com这个网站的,但是过2秒它却自动跳转到了它的网站!

                                                                                                                                • 知更鸟
                                                                                                                                  知更鸟

                                                                                                                                  @ 秋风徐来 那就是人家加了JS代码不让你引用
                                                                                                                                  一看这个网站的页面,就知道是个垃圾站

                                                                                                                                    • 秋风徐来
                                                                                                                                      秋风徐来 3

                                                                                                                                      @ 知更鸟 那有什么办法能够解决呢?通过代码?(另外,那个网站不是垃圾网站啦,是IMDB中文网,不过我也觉得这网站维护的好烂···)

                                                                                                                                  • 龙门飞甲
                                                                                                                                    龙门飞甲 1

                                                                                                                                    嘿嘿 这个好,学习了。看了是大势所趋啊

                                                                                                                                    • LV男士包
                                                                                                                                      LV男士包 4

                                                                                                                                      真的太喜欢这个主题了!太漂亮了!谢谢鸟哥的分享。。

                                                                                                                                      • 没力晕
                                                                                                                                        没力晕 0

                                                                                                                                        这个真不错

                                                                                                                                        • 自由风
                                                                                                                                          自由风 0

                                                                                                                                          虽然嵌入了淘宝商铺,但是点击淘宝商铺里链接后,在新弹出的窗口中跳转到淘宝页了,能否在淘宝商铺打开链接时还是在iframe框架里显示点击的内容。

                                                                                                                                          • 大亚湾
                                                                                                                                            大亚湾 1

                                                                                                                                            博主,新春快乐!!新年新气象!!

                                                                                                                                            • yanshome
                                                                                                                                              yanshome 1

                                                                                                                                              这个挺不错的,谢谢鸟哥,向你学习!

                                                                                                                                              • Coach Outlet Online
                                                                                                                                                Coach Outlet Online 1

                                                                                                                                                值得一试~~谢谢!

                                                                                                                                                • xiang-jiang.tk
                                                                                                                                                  xiang-jiang.tk 0

                                                                                                                                                  问个问题,这个不设高度可以么?链接的框架页面高度都不是统一的,不好限定!

                                                                                                                                                  • 家长培训
                                                                                                                                                    家长培训 2

                                                                                                                                                    知更鸟您好!很喜欢你的主题,已经安装上了,正在学习中,谢谢你!现在想请教一下如何在HotNews2.7中加入支付宝功能?谢谢!

                                                                                                                                                    • 家长培训
                                                                                                                                                      家长培训 2

                                                                                                                                                      谢谢!这么快就回答了!我试一试!

                                                                                                                                                      • 家长培训
                                                                                                                                                        家长培训 2

                                                                                                                                                        请问一下,这个主题自带的小工具中有注册功能吗?怎样特别设立新访客注册功能?带邮箱验证码的?谢谢!

                                                                                                                                                          • 知更鸟
                                                                                                                                                            知更鸟

                                                                                                                                                            @ 家长培训 后台勾选允许任何人注册后,顶部登录位置会出现注册按钮的

                                                                                                                                                          • 家长培训
                                                                                                                                                            家长培训 2

                                                                                                                                                            谢谢!顶部出来注册框了。但是注册邮箱没有收到注册用户密码。

                                                                                                                                                            • 家长培训
                                                                                                                                                              家长培训 2

                                                                                                                                                              不好意思总请教你问题,感觉打扰你了!

                                                                                                                                                              • 家长培训
                                                                                                                                                                家长培训 2

                                                                                                                                                                顶部导航菜单与LOGO位置调换。我根据HotNews pro 主题使用问题总汇介绍的方法,在网站首页确实出来效果了。但是在其它页面却又是原来的样子:LOGO在顶部导航菜位置下面,请问是怎么回事?是不是还有哪个文件没有修改啊?谢谢!我的网址:http://achiever.web-161.com/wordpress

                                                                                                                                                                • 电子皮带秤
                                                                                                                                                                  电子皮带秤 0

                                                                                                                                                                  新年新气象啊!支持博robin持续更新啊啊

                                                                                                                                                                  • 爱上阳光爱上梦
                                                                                                                                                                    爱上阳光爱上梦 0

                                                                                                                                                                    偶然看到了HotNews pro 主题,真是太漂亮了!非常喜欢,毫不犹豫的就下了,可是安装上后有好多问题呀,我是个菜鸟,很菜的鸟。没办法只能自己慢慢研究了……

                                                                                                                                                                    • 校园风云
                                                                                                                                                                      校园风云 0

                                                                                                                                                                      请教一下老师http://zmingcx.com/videos/video模块是怎么做的呢?谢谢

                                                                                                                                                                      • 零度烽火
                                                                                                                                                                        零度烽火 5

                                                                                                                                                                        按照鸟哥的方法,我的淘宝商铺已经搞好了

                                                                                                                                                                        • 比目鱼积累网
                                                                                                                                                                          比目鱼积累网 0

                                                                                                                                                                          浏览器不兼容啊!咋回事!谷歌浏览器foot拉的长,ie浏览器页面不居中!

                                                                                                                                                                          • 嘟嘟嘟
                                                                                                                                                                            嘟嘟嘟 4

                                                                                                                                                                            可以直接把商铺通过ifram调用到主页cms.php中,但是跟楼上的童鞋一样,会出现浏览器兼容问题,IE下貌似正常,但是火狐,谷歌浏览器的友情链接页面都会被拉的很长,下面大概有几百像素的空白

                                                                                                                                                                            • sll0075
                                                                                                                                                                              sll0075 0

                                                                                                                                                                              你好 请问我的怎么错位了啊 小弟是菜鸟 还请多指教啊http://qilinbihua.sinaapp.com/?page_id=1998

                                                                                                                                                                              • 米多多
                                                                                                                                                                                米多多 3

                                                                                                                                                                                请问鸟兄 如何在taobao 我的商铺 模版下加入 评论功能呢

                                                                                                                                                                                  • 米多多
                                                                                                                                                                                    米多多 3

                                                                                                                                                                                    @ 米多多 自己搞定了 不用回复了 再次感谢鸟兄出来这么好的主题

                                                                                                                                                                                  • 米多多
                                                                                                                                                                                    米多多 3

                                                                                                                                                                                    又有一个问题,请问鸟兄 如何在这个模版启用分页功能 也就是同一个我的商铺页面 通过分页功能浏览多个商铺页面

                                                                                                                                                                                    • 蛋疼的人
                                                                                                                                                                                      蛋疼的人 1

                                                                                                                                                                                      你好,看到你这个功能很强大,于是我联想到了能不能把嵌入的网页让他自动填表。也就是当别人打开这个页面的时候是已经登陆的状态。这个应该怎么实现!!、??

                                                                                                                                                                                      • 济南立昱机械
                                                                                                                                                                                        济南立昱机械 0

                                                                                                                                                                                        浏览器不兼容啊!咋回事!谷歌浏览器foot拉的长,ie浏览器页面不居中!

                                                                                                                                                                                        • 电动吊篮
                                                                                                                                                                                          电动吊篮 0

                                                                                                                                                                                          谷歌浏览器 不行

                                                                                                                                                                                          • 零度烽火
                                                                                                                                                                                            零度烽火 5

                                                                                                                                                                                            为什么博客你的 淘宝商铺,不再显示淘宝店了,成了空白,原先好好的呢?

                                                                                                                                                                                            • 追寻如风
                                                                                                                                                                                              追寻如风 2

                                                                                                                                                                                              很不错的模块,学习了~~

                                                                                                                                                                                              • xupeng111
                                                                                                                                                                                                xupeng111 0

                                                                                                                                                                                                非常感谢提供这样的知识,谢谢博主,有一个问题,就是嵌入的页面总是有一个难看的框,能不能把这个框也去掉呢?我只希望嵌入一个短小的页面。无需滚动。

                                                                                                                                                                                                • Adazi资讯网
                                                                                                                                                                                                  Adazi资讯网 3

                                                                                                                                                                                                  学习了,收下了~~

                                                                                                                                                                                                  • yumanutong
                                                                                                                                                                                                    yumanutong 6

                                                                                                                                                                                                    好吧,想起来html的这个引用,我记得这个对百度不好,因为百度不能探索到这下面的内容,也就是这个崁套的内容,不过还是没关系的,应该不会影响

                                                                                                                                                                                                    • 开心淘宝
                                                                                                                                                                                                      开心淘宝 1

                                                                                                                                                                                                      不错。学习了

                                                                                                                                                                                                      • mieyan423
                                                                                                                                                                                                        mieyan423 4

                                                                                                                                                                                                        鸟哥,我放这个商铺,为什么会出现乱码,页面不居中了,地址是http://www.xubaoguo.com/koucaishop,真心希望鸟哥回复!

                                                                                                                                                                                                          • 知更鸟
                                                                                                                                                                                                            知更鸟

                                                                                                                                                                                                            @ mieyan423 估计是模版编码有误,重传商铺模版,然后在后台主题编辑页面修改网址

                                                                                                                                                                                                          • 如何瘦腿最快最有效
                                                                                                                                                                                                            如何瘦腿最快最有效 1

                                                                                                                                                                                                            来看看学习一下

                                                                                                                                                                                                            • 猫主席
                                                                                                                                                                                                              猫主席 3

                                                                                                                                                                                                              鸟哥您好,
                                                                                                                                                                                                              一个站能不能多添加几个商铺?
                                                                                                                                                                                                              因为是把模板改了。。。添加模板时候发现总是那一个商铺。

                                                                                                                                                                                                              求指导啊!谢谢!

                                                                                                                                                                                                              • 山那边
                                                                                                                                                                                                                山那边 1

                                                                                                                                                                                                                鸟哥的模板是我见过的功能最强大的,我差点为了鸟哥的模板,投身WP,呵呵。鸟哥这页上的“上篇 下篇”有点错行。

                                                                                                                                                                                                                • york
                                                                                                                                                                                                                  york 0

                                                                                                                                                                                                                  鸟哥,你好。 最近我想折腾一个能让用户从前台上传图片的功能,没有思路,你能指点一下 或者有插件推荐吗?

                                                                                                                                                                                                                  • hutuchong18
                                                                                                                                                                                                                    hutuchong18 0

                                                                                                                                                                                                                    正在安装您上传的主题:taobao.zip

                                                                                                                                                                                                                    正在解压缩安装包…

                                                                                                                                                                                                                    正在安装主题…

                                                                                                                                                                                                                    无法安装这个包。 主题缺少 style.css 样式表。

                                                                                                                                                                                                                    主题安装失败。

                                                                                                                                                                                                                    • Prudentwoo
                                                                                                                                                                                                                      Prudentwoo 1

                                                                                                                                                                                                                      为什么我按照您的做法会到右边栏目去呀。。。。显示有问题呀。

                                                                                                                                                                                                                      • 统计年鉴
                                                                                                                                                                                                                        统计年鉴 1

                                                                                                                                                                                                                        鸟哥,这个模板下载不了了。

                                                                                                                                                                                                                        • 淡不定
                                                                                                                                                                                                                          淡不定 0

                                                                                                                                                                                                                          鸟哥,这个模版没法下载呀,555。。。。。

                                                                                                                                                                                                                          • samga
                                                                                                                                                                                                                            samga 2

                                                                                                                                                                                                                            鸟哥,请问一个问题,怎么样才能把网站LOGO那一行高度变大呢?我想用一个大点的LOGO,但是上传之后下面被遮挡了。

                                                                                                                                                                                                                              • 知更鸟
                                                                                                                                                                                                                                知更鸟

                                                                                                                                                                                                                                @ samga 打开主题style文件查找:.logo
                                                                                                                                                                                                                                修改其中的宽高

                                                                                                                                                                                                                              • ray
                                                                                                                                                                                                                                ray 1

                                                                                                                                                                                                                                你好,最新的wp3.8不能使用贵博主题了。。。提交后主题没有显示

                                                                                                                                                                                                                              匿名

                                                                                                                                                                                                                              发表评论

                                                                                                                                                                                                                              匿名网友
                                                                                                                                                                                                                              :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                                                                                                                                                                                                              拖动滑块以完成验证