注册 登录
  • 欢迎访问叶天冬seo博客,专注网站seo优化,网站博客建设,网络推广,空间域名服务等,欢迎加入QQ交流群 QQ群
  • ​招聘兼职web前端php程序员一名,主要负责网站前端开发,需熟悉php,js,html5+CSS3更佳。最好在深圳工作可以见面沟通的。联系博主QQ
  • 需要腾讯云主机的朋友可以点击这里购买享受优惠折扣,购买腾讯云主机
  • 百度口碑求点赞啊http://koubei.baidu.com/s/www.yetiandong.com
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏本站吧
  • 香港免备案空间推荐:香港免备案空间推荐

如何利用iframe和js调用单页到wordpress首页

wp相关 深圳seo博主 5年前 (2013-01-09) 6498次浏览 已收录 4个评论

wordpress程序是目前最流行的博客程序,在国内的使用量也是非常大的。最近看到很多新手在使用wordpress的时候,不知道怎么调用单页,而我本人在网上也没有发现这方面很详细的教程,所以这次专门来写下调用单页的操作方法,虽然是很基础,但是确实是很多新手需要的。

使用wordpress调用单页一般都是在博客上放广告使用的,也有人调用单页来做淘宝客。其实,wordpress单页调用操作的方法有两种,一种是使用iframe调用,一种是使用js代码调用,下面来讲下实际操作步骤。

wordpress利用iframe调用单页

1.既然是调用单页,那就需要有个单页,所以第一步是准备一个单页,单页也可以自己用DWdreamweaver)制作,这里就不详细讲述了。另外也可以找到目标网页去下载,比如你看准哪个网站的单页不错,然后查看源代码,找到其单页的地址,然后用浏览器的目标另存为把网页下载下来,命名为一个随意名字就OK。鉴于有些新手可能还是不太懂,所以本人特意找到一个百度的单页做示范教程,看下图:

如何利用iframe和js调用单页到wordpress首页

如何利用iframe和js调用单页到wordpress首页

上图的操作我们就会得到一个名为baidu.htm的单页,加一个存放单页图片和其他文件的baidu_files文件夹,接下来我们把这两个文件用FTP工具上传到wordpress主题目录,路径是/wp-content/themes/,这样你用这个网址http://www.你的网站/wp-content/themes/baidu.htm去访问,就可以看到这个单页了。

3.网站有了单页,那还要知道怎么调用,调用的方法其实很简单,只需要在wordpress主题头部</head>下面放上一段代码就可以调用了,代码如下图: 如何利用iframe和js调用单页到wordpress首页

代码:

[ccenl_xml]<iframe frameborder="0" marginheight="0" border="0" scrolling="no" height="500px" width="100%"src="https://www.你的域名.com/wp-content/htemes/baidu.html"></iframe>[/ccenl_xml]

 

好了,现在访问下你的网站,单页效果就会出来了。当然单页不一定就要放在头部,具体放在什么地方你自己可以多试试。

wordpress利用js调用单页

js调用单页其实跟iframe调用差不多,就多了一个步骤,方法就是做好上面的12步骤以后。

1.接下来在桌面建立一个js文件(建立一个记事本,把后缀名改为.jsok。可能有些朋友改后缀名没有效果,这是因为你的电脑隐藏了文件的扩展名,只要设置下就好了),js文件名也是随意取,姑且把它命名为baidu.js

2.用记事本打开这个baidu.js,在里面插入代码,如下图: 如何利用iframe和js调用单页到wordpress首页

代码:

[cce_xml]document.write('<iframe src="<span style="color: #ff0000;">http://www.你的网站名.com/wp-content/themes/baidu.htm</span>" width="100%"<span style="color: #ff0000;">height="415"</span> frameborder="no" border="0" marginwidth="0" marginheight="0"scrolling="no"></iframe>');[/cce_xml]

3.代码插入以后我们保存这个baidu.js文件,然后将他上传至网站/wp-content/themes/目录下,用http://www.你的网站.com/wp-content/themes/baidu.js访问下,看下能不能访问到。

4.最后一步就是在网页当中调用这段js了,调用代码如下:

<script src=’http://www.你的网站.com/wp-content/themes/baidu.js’ language=’javascript’>

看到这里,相信不用解析大家也能看懂,我们只要把这段代码放到wordpress主题头部下面。

ok了,访问下首页就可以看到效果了。

写在后面:这两种调用方法,个人比较倾向于js调用,因为现在百度还不能索引js代码里面的内容,而iframe调用百度已经可以收录,从百度的快照就可以看出来,因为使用单页调用的大多数站长都是做淘客,而百度有点反感淘客,所以个人建议还是使用js调用

 


本站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何利用iframe和js调用单页到wordpress首页
喜欢 (2)
[441079891@qq.com]
分享 (0)
关于作者:
我是一个爱折腾网站的草根站长,也是一个玩淘宝的小卖家,欢迎你认识我QQ/微信:441079891

您必须 登录 才能发表评论!

(4)个小伙伴在吐槽
  1. :razz: 顶你,兄弟
    臧顺顺2013-01-09 11:19 未知操作系统 | 未知浏览器
  2. 学到了 现在我终于明白什么是单页站了,原来也不是很难,之前还以为要弄个独立域名。。。谢谢分享!
    单钰彤2013-01-10 21:33 未知操作系统 | 未知浏览器
  3. :razz: 看来你最近都在研究程序方面撒
    叶剑辉博客2013-01-11 12:11 未知操作系统 | 未知浏览器