欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【Wordpress调用单页的操作教程】，下面是详细的分享！
Wordpress调用单页的操作教程
wordpress程序是目前最流行的博客程序，在国内的使用量也是非常大的。最近看到很多新手在使用wordpress的时候，不知道怎么调用单页，而我本人在网上也没有发现这方面很详细的教程，所以这次专门来写下调用单页的操作方法，虽然是很基础，但是确实是很多新手需要的。使用wordpress调用单页一般都是在博客上放广告使用的，操作的方法有两种，一种是使用iframe调用，一种是使用js代码调用，下面来讲下实际操作步骤。
iframe调用单页
1.既然是调用单页，那就需要有个单页，所以第一步是准备一个单页，单页可以自己用DW(dreamweaver)制作，这里就不详细讲述了。另外也可以找到目标网页去下载，比如你看准哪个网站的单页不错，然后查看源代码，找到其单页的地址，然后用浏览器的目标另存为把网页下载下来，命名为一个随意名字就OK。鉴于有些新手可能还是不太懂，所以本人特意找到一个单页做示范教程，看下图：
2.按照上图的操作我们就会得到一个名为123.htm的单页，加一个存放单页图片和其他文件的123_files文件夹，接下来我们把这两个文件用FTP工具上传到wordpress的主题目录，路径是/wp-content/themes/，这样你用自己的网址http://www.yoursite.com/wp-content/themes/123.htm去访问，就可以看到这个单页了，另外“yoursite.com”是你的域名。
3.网站有了单页，那还要知道怎么调用，调用的方法其实很简单，只需要在wordpress主题头部下面放上一段代码就可以调用了，代码如下：
< iframe frameborder="0" marginheight="0" marginwidth="0" border="0" scrolling="no" height="2968px" width="100%" src=http://www.admin5.com/article/20120331/"http://www.yoursite.com/wp-content/themes/123.htm" >< /iframe >
上面红色部分一个代表单页需要的高度，高度自己可以在显示当中自己调整，另一个代表的是你的单页地址。
好了，现在访问下你的网站，单页效果就会出来了。当然单页不一定就要放在头部，具体放在什么地方你自己可以多试试。
js调用单页
js调用单页其实跟iframe调用差不多，就多了一个步骤，方法就是做好上面的1、2步骤以后。
1.接下来在桌面建立一个js文件(建立一个记事本，把后缀名改为.js就ok。可能有些朋友改后缀名没有效果，这是因为你的电脑隐藏了文件的扩展名，只要设置下就好了)，js文件名也是随意取，姑且把它命名为“123.js”。
2.用记事本打开这个123.js，在里面插入代码，代码如下：
document.write('< iframe src=http://www.admin5.com/article/20120331/"http://www.yoursite.com/wp-content/themes/123.htm" width=\"100%" height="415" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" >< /iframe >');
提示：红色的网页地址代表你的单页地址，还有代表单页高度的调整。
3.代码插入以后我们保存这个123.js文件，然后将他上传至网站的/wp-content/themes/目录下，用http://www.yoursite.com/wp-content/themes/123.js访问下，看下能不能访问到。
4.最后一步就是在网页当中调用这段js了，调用代码如下：
< script src=http://www.admin5.com/article/20120331/'http://www.yoursite.com/wp-content/themes/123.js' language='javascript' > < /script >
看到这里，相信不用解析大家也能看懂，我们只要把这段代码放到wordpress主题头部下面就ok了，访问下首页就可以看到效果了。
写在后面：这两种调用方法，个人比较倾向于js调用，因为现在百度还不能索引js代码里面的内容，而iframe调用百度已经可以收录，从百度的快照就可以看出来，因为使用单页调用的大多数站长都是做淘客，而百度有点反感淘客，所以个人建议还是使用js调用。
以上所分享的是关于Wordpress调用单页的操作教程，下面是编辑为你推荐的有价值的用户互动：
相关问题：我想把我做的单页的网页作为wordpress模板，具体怎...
答：在body标签最上面加上这句代码 这样就行了 >>详细
相关问题：wordpress头部模板中调用一个单页用js调用不显示文...
答：可以新建一个页面修改css来实现。修改page.php 另存为一份页面文件。 我这有份刚改过的。什么都没有，只有一个空页面。 删除这两行代码，。基本可实现。 >>详细
相关问题：wordpress怎样使用主题中的单页下载
答：你的是什么主题呢。有Q吗 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-