我们知道通过Wordpress本身集成的RSS小工具,可以将自己喜欢的站点最新文章显示在自己的博客中,而不用打开该网站,就可以随时关注该站点的动态,功能与一些新闻订阅器类似。不过一般情况下,这个RSS小工具只能显示在侧边栏中,如果同时调用几个站点的RSS,会使侧边栏很长,影响美观,可不可以在一个页面中显示所有RSS新闻呢?答案是肯定的。下面跟我一起操作,为HotNews pro主题添加一个RSS新闻聚合独立页面模版,效果如图:
一、打开主题functions.php模板,在”// 自定义菜单“注释上面添加下面代码,定义一个特殊的widget :
- {
- register_sidebar(array(
- 'name' => 'RSS聚合',
- 'before_widget' => '',
- 'after_widget' => '',
- 'before_title' => '<div class="r_box"><div class="rss"></div><h3>',
- 'after_title' => '</h3>',
- 'after_widget' => '<i class="lt"></i><i class="rt"></i><i class="lb"></i><i class="rb"></i></div>',
- ));
- }
二、打开HotNewspro\css目录中的css.css在最后添加:
- /******** rss聚合 ********/
- .rss_widget {
- width:992px;
- margin:12px 0 0 0;
- }
- .r_box {
- position:relative;
- float:left;
- width:462px;
- background:#fff;
- margin:0 12px 12px 0;
- padding:10px 10px 11px 10px;
- border: 1px solid #ccc;
- }
- .r_box ul li{
- font-size:13px;
- line-height:24px;
- margin: 0 0 0 20px;
- color:#477fbd;
- list-style-type:square;
- }
- .r_box ul li a:hover {
- padding:0 0 0 10px;
- }
- .r_box h3 {
- background:url(img/home.gif) no-repeat;
- }
- .r_box h3 a{
- font-size:14px;
- padding:0 0 0 12px;
- }
- .rsswidget img{
- display:none;
- }
- .rss-date {
- position:absolute;
- font-size:12px;
- color:#B2B2B2;
- right:12px;
- text-shadow: 0 0 #d1d1d1;
- }
- .rss{
- position:absolute;
- background:url(img/rss.gif) no-repeat;
- width:51px;
- height:51px;
- right:-3px;
- top:-3px;
- z-index:10;
- }
- #map_m {
- width:980px;
- height: 27px;
- }
三、把压缩包中的rss.php放到HotNews主题根目录中,两张图片放到HotNewspro\css\img目录中,完成RSS聚合模板添加。
四、新建一个页面,右下选择RSS聚合模版,发表后调用到导航菜单中。
五、上面步骤完成后,进入WP后台---主题---小工具添加页面---把WP自带的RSS小工具,拖拽到侧边RSS聚合小工具中,输入 RSS feed地址,比如我的博客地址为:https://zmingcx.com/feed,并在"为 feed 拟个标题"中输入网站名称,保存之后打开刚建的页面,看看效果吧。
可以拖拽多个RSS小工具,需要注意的是要保证左右两个RSS小工具,显示的条数相同,否则会错位。
当然这个独立页面模板中也可以添加其它WP自带的小工具,主题集成的小工具则不行,会显示样式错误。
补充:修改WP程序源文件,让RSS小工具中的链接在新窗口或标签打开。
打开wp-includes目录中的default-widgets.php在858行找到:
- <a class='rsswidget' href='$link'
改为:
- <a class='rsswidget' href='$link' target='_blank' rel='nofollow'

2011年12月28日 13点28分 51F
这个模板里怎么加文章啊?
2011年12月28日 14点08分 52F
RSS feed地址是什么意思啊?什么网站都可以吗?求救鸟哥!
2011年12月28日 15点23分 B1
@ ziranniao 大部分网站都有RSS feed
比如QQ新闻
http://news.qq.com/
logo旁边那个RSS图标的链接地址就是该站的RSS feed
2012年3月24日 18点35分 B2
@ 知更鸟 我填写你的地址和我的RSS地址都不行 提示RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
2012年3月24日 19点16分 B3
@ yumanutong 能不能回答下我这个问题啊
2012年3月24日 20点49分 B4
@ yumanutong 汗,feed.feedsky.com这不是什么RSS,这只是网站地址,当然不行
我的RSS是https://zmingcx.com/feed
2012年3月24日 21点39分 B4
@ 知更鸟 我说的就是你那个,我也有RSS地址,一样不行,不过我RSS地址怎么不是你这个方式的?你的网址的RSS挺好的,怎么弄的
2011年12月29日 11点57分 53F
Parse error: syntax error, unexpected T_STRING in /home/maxlitu6/public_html/wp-content/themes/HotNewspro/functions.php on line 101
鸟哥我的加了 一、打开主题functions.php模板,在”// 自定义菜单“注释上面添加下面代码,定义一个特殊的widget : 这里的代码就提示这个错误
麻烦鸟哥指点。
2011年12月29日 14点50分 B1
@ Maxling 你的WP程序版本太低了,升级到最新版
2011年12月29日 14点53分 B2
@ 知更鸟 我是3.3的版本啊!!
2012年1月7日 12点54分 B1
@ Maxling 这个文件是只读,需要在资源管理器的这个文件属性中去掉只读选项.上传也要注意
2012年1月17日 23点25分 B2
@ 何尚 谢谢!!!问题解决!
2012年1月14日 02点16分 54F
不錯的東西,感謝
2012年1月25日 00点44分 55F
鸟哥新年快乐!!
2012年1月29日 01点13分 56F
我在测试的时候,我的rss feed地址出现错误,提示
XML解析错误:废弃 document 元素之后的内容
位置:http://www.lyge.org/feed
行:3,列:1:
^
请问怎么解决?我谷歌找了很多说什么php文件的前后可能有多余的空格或空行,可我删了还是没解决
2012年2月4日 09点36分 57F
支持!!!老大,测试下头像,哈哈~~
2012年2月4日 16点34分 58F
不错不错~~一会试试~~~
2012年2月10日 22点38分 59F
我按照步骤做好了,但是打开页面的时候说:此网页包含重定向循环
这是怎么回事?
2012年2月13日 01点36分 60F
哈哈,又学到了。谢谢鸟哥。
2012年2月16日 15点29分 61F
Parse error: parse error in D:\wwwroot\fuyujx\wwwroot\wp-content\themes\HotNewspro\functions.php on line 4 站打不开了?是怎么回事啊?
2012年3月24日 18点33分 62F
RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
怎么办??????????????????????????????
2012年3月25日 13点06分 B1
@ yumanutong 应该是你的feed地下写有误,导致不能解析,你再检查一下看地下载是不是正确
2012年3月25日 13点10分 B2
@ V_v 我自己的sdtclass.com/feed怎么会错?用楼主的那个也没错
2012年3月25日 13点13分 B3
@ yumanutong 可报错的地址是:feed.feedsky.com
2012年3月25日 13点33分 B4
@ V_v 着两种形式我都试过了,都不行额
2012年3月25日 13点33分 B4
@ V_v 你把你的地址给我我试试
2012年3月25日 14点48分 B4
@ yumanutong 我的是www.178-go.com/feed
2012年3月25日 16点21分 B4
@ V_v 还是不行,吐血死了,都不行,不知道为什么~RSS 错误:WP HTTP Error: Could not resolve host: www.178-go.com; Host not found
2012年3月25日 16点40分 B4
@ yumanutong 根据报错是无法解析我的域名www.178-go.com
是不是你的DNS有问题?你用的是VPS?
2012年3月25日 23点20分 B4
@ V_v 我是空间的,不是VPS,以前试过貌似不会,现在不知道是因为我深度修改了主题模板还是为什么,我看这里教程修改了很多,看别的网站教程,更知鸟的主题,能修改的我都改,其实我也不懂PHP,我根本可以说不懂PHP,就会瞎折腾,这下可好,哎
2012年3月26日 19点03分 B4
@ yumanutong 人生就是不断的折腾~
2012年3月25日 13点10分 63F
我用你的主题,那个侧边的年度排行神马的怎么貌似有问题,都是现实新文章,是不是一定要用神马插件
2012年3月28日 22点03分 64F
我的RSS总是一列,代码查过好几次了,没问题,求指教。http://bingleicao.web-75.com/?page_id=737
2012年3月28日 22点29分 B1
@ bingleicao 在火狐下的页面很正常
2012年3月29日 12点28分 B2
@ 知更鸟 昨天不正常,今天居然正常了,神马情况。。。
2012年5月4日 18点53分 65F
我要的几个网站新闻都没有提供rss。悲剧。白弄了
2012年5月14日 08点32分 66F
呵呵 我试试
2012年5月29日 12点14分 67F
鸟哥,我现在换了个服务器了,所以我想起来弄这个功能,但是,突然发现,我新建页面那不可以选择页面模板了,可是我以前的页面那里还是有显示页面模板的选项啊,不懂了
2012年5月29日 12点24分 B1
@ yumanutong 不用了,突然又可以了,我刚才新建一个页面,然后发现地址居然是.html的文章页面,然后我丢弃,然后我重新新建,然后又可以了,好神奇的主题,哈哈哈!
2012年5月29日 12点29分 68F
OK,搞定了,不知道那个RSS的文章数是哪个决定的?第一个添加你的RSS订阅,嘿嘿!
2012年5月29日 14点13分 B1
@ yumanutong RSS小工具中有设置文章数选项
2012年5月29日 14点17分 B2
@ 知更鸟 就是小工具的设置对吧,那我明白了,我看你演示地址一个多一个少的,呵呵!然后结合你微博那个文章,弄了个图标把这个RSS的弄个强烈推荐的出来,呵呵!
2013年1月13日 21点04分 69F
大大,在wordpress 3.5版,这个<a class='rsswidget' href='$link' 有2个了。我2个都改了。还不知道有什么影响。
2013年1月28日 18点16分 70F
全部步骤都完成了,最后显示是这样,不知道是哪里出现问题了,求指教http://www.bar8.cn/all
2013年3月22日 19点39分 71F
我的在
783行和901行
有
<a class=’rsswidget’ href=’$link’
2013年3月22日 19点43分 B1
@ 两天 然后我全部修改了,一个是标题的,一个是内容的 汗
2013年3月22日 22点43分 72F
Notice: 自 3.4 版本起,已不建议使用 add_custom_image_header,请换用 add_theme_support( ‘custom-header’, $args )
鸟哥,hotnew不支持3.5.1的吗?
2014年4月20日 11点43分 73F
有通用方法适合任何一个主题的么?
想在别的主题应用这个页面,怎么弄
来自外部的引用: 4