我们知道通过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'
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

1F
学习了。在用鸟哥这主题。
2F
Error 1: Click back and type in the password.
同一IP下,换另一帐号发表留言时,页面出现错位
3F
酷站赏析那个页面怎么添加的?
B1
@ Talk团 与IP有什么关系?
那个模版比较麻烦,还未做完
4F
这个feed页面,不能下载
5F
学习一下,我正在学习
6F
这个feed页面已经添加上了。怎么添加多个分类?
B1
@ Talk团 多加几个RSS小工具
7F
怎么感觉自己学的进度这么慢呢…
8F
来学习的我是,支持鸟哥!
9F
鸟哥!什么时候把你的广而告之的那个模板也分享下啊!特想学习。。。。
B1
@ 郑州驾校 嗯,有时间会写个不同分类应用不同主题的文章
10F
鸟哥!我的怎么老是 RSS 错误:A feed could not be found at http://auto.qq.com/qcbj/bj.shtml
怎么老是错误啊?不过弄自己的网站可以。咋回事呢?
http://www.zhengzhoujiaxiao.com/jxxw
11F
期待新版滑动的教程推出。
12F
主题很给力哦。。。在调试中。
13F
鸟哥这个主题图片可以改 win 8 的风格不!!! 现在迷上 超平面效果 不知道要不要改css 的样式呀 最近想把风格改改
14F
鸟哥太棒了,想什么,就来什么。正想要个这样的功能呢~
15F
对了,鸟哥,在firefox下模板有错位问题,不知道你发现了没?
就是显示不全吧。嗯,就这些了,其他正常。
B1
@ Win7en乐园 我在火狐下看一切正常
不知你用的什么火狐
B2
@ 知更鸟 用的是firefox 8.0正式版
B3
@ Win7en乐园 8.0都出来了,我OUT了,去试试
B4
@ 知更鸟 嗯,昨天出来的,呵呵,你看看先~~
B5
@ Win7en乐园 我用的也是8.0.一切都很正常!8.0貌似比8.0 beta 更快了.加上了鸟哥之前的HTML5 预加载,效果非常好!
B5
@ James @James : 我还是不太明白预加载,不知道这样设置之后对流量的消耗会有多大的影响呢?James讲解一下哈。
B5
@ Win7en乐园 @Win7en乐园 : 我也不知道怎么解释,对流量消耗估计没多大的影响.对于返回访客,浏览多个页面的访客来说,速度真的不是吹的快.尤其首页加载,就在那么0.00001秒就打开了.有时我自己都没反应过来.确实是个好货.折腾一下无妨.可以自己试试效果.
B5
@ James 哦,我一直不敢弄,怕流量飙升的太猛,一会在另一个站上试一试,嘿嘿
B5
@ James 对了,我是不是可以这样理解:比如我在一篇文章中提供了网盘下载,一般网盘打开都比较慢,在我们阅读文章的时候,文章中的网盘链接就已经在后台加载完毕了,这样在用户阅读完文章,点击下载时,网盘闪电般的直接打开了!!!用户体验极好!不知道这样理解对不对呀》
B5
@ Win7en乐园 呵呵,哪有那么悬
B5
@ 知更鸟 鸟哥的这篇文章被站长之家转载了!哈哈!谷歌“HTML5预加载”,我得研究研究一下,我的站用网盘的比较多,所以想让他们在后台打开。
B5
@ Win7en乐园 @Win7en乐园 : 貌似不对.呵呵..可以看一下代码
B5
@ James 嗯,研究一下先!
B5
@ Win7en乐园 升级了火狐,看上去还是很正常
B5
@ 知更鸟 额,这是神马情况,奇怪了、
B5
@ Win7en乐园 看你的截图确实错位了,不过我这里正常
莫不是在WIN7下,我再去试试
感觉8.0速度快了一些
B5
@ 知更鸟 Win7 下正常!!呵呵..鸟哥,请问一下你下面的分享实现方法?求CSS定位.谢谢.貌似我在你的CSS里没找到有定位share.php的.
B5
@ James 那个是百度的分享按钮,可以参考
http://zmingcx.com/share-button-on-baidu.html
B5
@ 知更鸟 谢谢! 用此方法,实现了Facebook,twitter 和G+ 1.
16F
鸟哥,发现你地址栏…的分类目录显示不出主目录来(baba/erzi),文章地址却全显示(baba/erzi/neirong),鸟哥能告我这个可不可以改了?
17F
我就赶快试试了!
18F
原来鸟哥的图片都是使用外部调用,难怪不会出现我那种title属性失效的情况,WordPress默认都会给图片加上title属性。
B1
@ 那年那事那人 如果不是无限流量的主机,图片肯定要外部调用的- –
B2
@ 小小鱼 但是,这样图片搜索基本都无法搜索到你的网站啦,不过我博客流量小,图片也不大,都是自己记录心得,所以就存在自己服务器里了呗。
19F
我怎麼只能新增一個RSS而已??
B1
@ 蘇丞泰 可以增加无数个
B2
@ 知更鸟 鳥哥:如何設置自動更新頻率?
20F
最新文章多久更新?貌似要好久吧?
21F
这个功能还没试过,研究研究
22F
我发现了一个问题,看那个红圈那边
如何设置自动截取的标题数字?
我尝试修改了默认目录的文件,但是有错误
不知道到底要修改哪个,希望鸟大指教下!
B1
@ Tmd @Tmd : 不能截取标题字数,这是WP自带小工具无此功能,可以试试CSS文字截断
B2
@ 知更鸟 我们修改wp自带的RSS小工具
然后增加截断标题的代码不行吗?
而且我发现你这个rss聚合最大的用处就是把自身站点的文章做一个聚合
类似cms的
我很喜欢,可以查看下我的底部导航那边
效果太好了
23F
真的不能自動更新。
B1
@ luck 这个我也想知道~貌似我的也不自动更新。
24F
有沒有辦法設定最上方那個导航菜单自己可以設定顯示或不顯示
不顯示的意思是一樣有新增一個頁面但不會出現在导航菜单里
B1
@ 蘇丞泰 使用WP菜单功能
B2
@ 知更鸟 感謝鳥哥~
我終於搞懂了~
25F
想什么,就来什么。正想要个这样的功能呢
26F
多谢鸟哥一直传授技术!
27F
很早以前就想要这功能啦,哈哈。
28F
这个方法很不错
29F
不更新……怎麼辦啊?
30F
这个非常不错 应该可以聚合一些TWITTER啥的吧
31F
有一点小问题 标题过长会导致回行 具体在我那边的导航下可以看 现在又一个地方就是出现回行的
32F
很仔细的看了遍,这个是我一直想要的功能
33F
鸟哥主题又有更新了?发现了好几处变化!
B1
@ Bob 没事,就瞎折腾一下
34F
你好,你的模板非常漂亮,可以问你下你的热门影音的模板怎么做的吗?
35F
这个主题很不错~感谢博主的分享,我会一直关注你的博客的,哈哈~能学到不少东西哩
36F
鸟哥,貌似不能自动更新。
37F
鸟哥,你用的是什么主机?速度还不错。能不能推荐一两个美国主机。
B1
@ geekism 我用的是
http://idc.wopus.org/host/vps/
38F
这个模板不错啊,我等一下下载了放到我的爱波罗网站上上面去www.aiboluo.com
39F
不转到怎么样哦
40F
博主,您好。我的博客应用了您的主题,我发现我的博客页面宽度出现问题,总是会引发横向滚动条。而您的博客没有这个问题,请问我应当如何修改?
41F
大哥哥冒昧的问一下。这个新建一个页面应该是建一个什么样的页面?
一定得帮帮忙啊。就差这一步了
“四、新建一个页面,右下选择RSS聚合模版,发表后调用到导航菜单中。”
42F
鸟哥,我想吧RSS聚合模板设为主页 但是发现 会出现双倍现象 www.mygo168.com 麻烦您看下 谢谢
43F
什么也不说 马上去试试 、
44F
博主请问,我的RSS页面怎么显示的是单列而不是双列,http://music8.web-200.com/news。另一个却是双列显示,http://music8.me/?page_id=2。两个页面引用的feed都是一样的。
B1
@ Music8 谢谢已解决。
B2
@ Music8 怎么解决的 ?有同样的问题
B3
@ 黑可乐 是我代码拷贝的错误,第一行前面少了个点。
保证两边对称。
45F
有找到好东西了,哈哈,感谢鸟哥。。。
46F
博主,我遇到个新问题,就是使用英文的RSS出现文字超过一行的情况,跟日期重叠。
http://music8.me/news
47F
哇 谢谢。。。分享
48F
交換鏈結
49F
非常棒!
50F
rss聚合安装你的教程添加的,怎么前台还是不能左右对称啊。求解决办法,要怎么做能像你的那样啊
51F
这个模板里怎么加文章啊?
52F
RSS feed地址是什么意思啊?什么网站都可以吗?求救鸟哥!
B1
@ ziranniao 大部分网站都有RSS feed
比如QQ新闻
http://news.qq.com/
logo旁边那个RSS图标的链接地址就是该站的RSS feed
B2
@ 知更鸟 我填写你的地址和我的RSS地址都不行 提示RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
B3
@ yumanutong 能不能回答下我这个问题啊
B4
@ yumanutong 汗,feed.feedsky.com这不是什么RSS,这只是网站地址,当然不行
我的RSS是http://zmingcx.com/feed
B5
@ 知更鸟 我说的就是你那个,我也有RSS地址,一样不行,不过我RSS地址怎么不是你这个方式的?你的网址的RSS挺好的,怎么弄的
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 : 这里的代码就提示这个错误
麻烦鸟哥指点。
B1
@ Maxling 你的WP程序版本太低了,升级到最新版
B2
@ 知更鸟 我是3.3的版本啊!!
B1
@ Maxling 这个文件是只读,需要在资源管理器的这个文件属性中去掉只读选项.上传也要注意
B2
@ 何尚 谢谢!!!问题解决!
54F
不錯的東西,感謝
55F
鸟哥新年快乐!!
56F
我在测试的时候,我的rss feed地址出现错误,提示
XML解析错误:废弃 document 元素之后的内容
位置:http://www.lyge.org/feed
行:3,列:1:
^
请问怎么解决?我谷歌找了很多说什么php文件的前后可能有多余的空格或空行,可我删了还是没解决
57F
支持!!!老大,测试下头像,哈哈~~
58F
不错不错~~一会试试~~~
59F
我按照步骤做好了,但是打开页面的时候说:此网页包含重定向循环
这是怎么回事?
60F
哈哈,又学到了。谢谢鸟哥。
61F
Parse error: parse error in D:wwwrootfuyujxwwwrootwp-contentthemesHotNewsprofunctions.php on line 4 站打不开了?是怎么回事啊?
62F
RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
怎么办??????????????????????????????
B1
@ yumanutong 应该是你的feed地下写有误,导致不能解析,你再检查一下看地下载是不是正确
B2
@ V_v 我自己的sdtclass.com/feed怎么会错?用楼主的那个也没错
B3
@ yumanutong 可报错的地址是:feed.feedsky.com
B4
@ V_v 着两种形式我都试过了,都不行额
B4
@ V_v 你把你的地址给我我试试
B5
@ yumanutong 我的是www.178-go.com/feed
B5
@ V_v 还是不行,吐血死了,都不行,不知道为什么~RSS 错误:WP HTTP Error: Could not resolve host: www.178-go.com; Host not found
B5
@ yumanutong 根据报错是无法解析我的域名www.178-go.com
是不是你的DNS有问题?你用的是VPS?
B5
@ V_v 我是空间的,不是VPS,以前试过貌似不会,现在不知道是因为我深度修改了主题模板还是为什么,我看这里教程修改了很多,看别的网站教程,更知鸟的主题,能修改的我都改,其实我也不懂PHP,我根本可以说不懂PHP,就会瞎折腾,这下可好,哎
B5
@ yumanutong 人生就是不断的折腾~
63F
我用你的主题,那个侧边的年度排行神马的怎么貌似有问题,都是现实新文章,是不是一定要用神马插件
64F
我的RSS总是一列,代码查过好几次了,没问题,求指教。http://bingleicao.web-75.com/?page_id=737
B1
@ bingleicao 在火狐下的页面很正常
B2
@ 知更鸟 昨天不正常,今天居然正常了,神马情况。。。
65F
我要的几个网站新闻都没有提供rss。悲剧。白弄了
66F
呵呵 我试试
67F
鸟哥,我现在换了个服务器了,所以我想起来弄这个功能,但是,突然发现,我新建页面那不可以选择页面模板了,可是我以前的页面那里还是有显示页面模板的选项啊,不懂了
B1
@ yumanutong 不用了,突然又可以了,我刚才新建一个页面,然后发现地址居然是.html的文章页面,然后我丢弃,然后我重新新建,然后又可以了,好神奇的主题,哈哈哈!
68F
OK,搞定了,不知道那个RSS的文章数是哪个决定的?第一个添加你的RSS订阅,嘿嘿!
B1
@ yumanutong RSS小工具中有设置文章数选项
B2
@ 知更鸟 就是小工具的设置对吧,那我明白了,我看你演示地址一个多一个少的,呵呵!然后结合你微博那个文章,弄了个图标把这个RSS的弄个强烈推荐的出来,呵呵!
69F
大大,在wordpress 3.5版,这个<a class='rsswidget' href='$link' 有2个了。我2个都改了。还不知道有什么影响。
70F
全部步骤都完成了,最后显示是这样,不知道是哪里出现问题了,求指教http://www.bar8.cn/all
71F
我的在
783行和901行
有
<a class=’rsswidget’ href=’$link’
B1
@ 两天 然后我全部修改了,一个是标题的,一个是内容的 汗
72F
Notice: 自 3.4 版本起,已不建议使用 add_custom_image_header,请换用 add_theme_support( ‘custom-header’, $args )
鸟哥,hotnew不支持3.5.1的吗?
73F
有通用方法适合任何一个主题的么?
想在别的主题应用这个页面,怎么弄
来自外部的引用