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

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

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

wordpress利用iframe调用单页

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

wp1

wp2

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

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

代码:

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

 

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

wordpress利用js调用单页

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

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

2.用记事本打开这个baidu.js,在里面插入代码,如下图: wp4

代码:

[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调用

 

欢迎分享:李灿灿博客 » 如何利用iframe和js调用单页到wordpress首页


分享到:更多 ()
赞 (1)

评论专区 4

◎已有 4 人参与评论

  1. 叶剑辉博客😛 看来你最近都在研究程序方面撒回复
  2. 单钰彤学到了 现在我终于明白什么是单页站了,原来也不是很难,之前还以为要弄个独立域名。。。谢谢分享!回复
  3. 臧顺顺😛 顶你,兄弟回复